我想通过使用渐变来创建流光溢彩的效果。
在 css3 中,您可以让渐变从top to bottom
、或 from移动bottom to top
,并且可以使用多种颜色。但只针对一个方向。left to right
right to left
我想通过计算每个区域的平均或主色来组合图像的 4 个区域,然后使用渐变为图像创建背景。
我考虑过使用多重渐变,但是当您创建渐变ac和另一个bd并将两者都放在图片后面时,它看起来并不好。(我标记了关键区域。)。
你知道如何做到这一点吗?
编辑:我不想在渐变之间混合颜色,就像在图片中一样。我对所有颜色之间的平滑浮动感到满意。
EDIT2:我在这里上传了我的问题的演示:http: //jsfiddle.net/HJtnG/
Edit3:我们知道这不能用 CSS3 来完成,但可能用 SVG。经过一番搜索,我发现了这张照片:
所以我会选择一个像图片上的彩色圆圈。