问题描述
|
我正在尝试寻找一种淡化渐变背景的方法。
我已经使用了颜色插件,并且可以淡化单色背景,或者可以突出显示背景的JqueryUI,但是我找不到淡化渐变背景的方法。有人知道怎么做吗?
.bg1
{
background:#f39d1a;
background:-moz-radial-gradient(50% 0% 164deg,circle closest-corner,#F39D1A,#D98C15);
background:-webkit-gradient(radial,50% 0,800,300,from(#DA8C16),to(#F39D1A));
}
.bg2
{
background:#06327b;
background:-moz-radial-gradient(50% 0% 164deg,#032358,#06327b);
background:-webkit-gradient(radial,from(#032358),to(#06327b));
}
示例...给具有bg1元素的div动画到bg2元素。
谢谢
解决方法
Webkit还不存在。但是看起来他们已经走的很远了。
https://bugs.webkit.org/show_bug.cgi?id=21725
最近提交的兴趣变更表。
http://trac.webkit.org/changeset/102388
一种解决方法是使用从透明渐变为彩色的渐变。将其放在非渐变元素上,您可以在该元素上实际执行彩色动画。也就是说,我不确定是否可以满足您的需求。