微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

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

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

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

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

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

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

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

解决方法

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。