css转换 – 具有线性梯度的css转换

前端之家收集整理的这篇文章主要介绍了css转换 – 具有线性梯度的css转换前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我试图添加一个转换到按钮我有背景是用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可以暂时对伪元素进行转换。

原文链接:https://www.f2er.com/css/220613.html

猜你在找的CSS相关文章