css – 如何在多个方向上制作渐变流?

我想通过使用渐变来创建一个流光溢彩效果.

css3中,您可以让渐变从上到下,从下到上,从左到右或从右到左移动,您可以使用多种颜色.但只针对一个方向.

我想通过计算每个区域的平均或主色来组合图像的4个区域,然后使用渐变为图像创建背景.

我想过使用多重渐变但是当你创建一个渐变交流和另一个bd并且只是放在图片后面时,它看起来不太好. (我标记了关键区域.).

你有什么想法可以做到这一点吗?

编辑:我不想在渐变之间混合颜色,如图中所示.我对所有颜色之间的平滑浮动感到满意.

EDIT2:我在这里上传一个我的问题演示:http://jsfiddle.net/HJtnG/

编辑3:我们已经知道这不能用CSS3完成,但也许用SVG.经过一番重新研究后,我发现了这张照片:

所以我会选择像图片上那样的彩色圆圈.

解决方法

你有没有试过 colorzilla它是免费的,你可以用它做很多事情.希望这可以提供帮助.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效