我试图添加一个转换到按钮我有背景是用css线性梯度,但它不工作。
这是我的按钮的CSS。
a.button { background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,@green),color-stop(100%,#a5c956)); -webkit-transition: background 5s linear; } a.button:hover { -webkit-gradient(linear,@greenhover),#89af37)) }
如果你想知道@green和@greenhover,我使用.less来使我的CSS。
这有什么问题吗?有任何想法吗?
解决方法
可悲的是,你真的不能为现在过渡渐变。
所以,唯一可行的解决方法是使用一个额外的元素与所需的渐变和过渡,它的不透明度:http://jsfiddle.net/kizu/CPZv5/
不能使用伪元素,因为只有Fx可以暂时对伪元素进行转换。