使用webkit-linear-gradient跳转进行css转换

时间:2016-04-12 14:34:27

标签: css css-transitions

我有一个div,我使用以下css来生成一个bacground:

background: -webkit-linear-gradient(left, #ea1f23, #ea1f23 70%, black 70%, black);

这会产生70%红色和30%黑色的背景。

然后我添加了一个过渡效果,所以当你将鼠标悬停在元素上时,它就会轻松进入。

 -webkit-transition: all .3s ease;
 -moz-transition: all .3s ease;
 -o-transition: all .3s ease;
 -ms-transition: all .3s ease;
 transition: all .3s ease;

然而,似乎有一个跳跃(过渡不是很顺利)。有没有办法删除它?

请看下面的小提琴。

https://jsfiddle.net/kcxon2o8/4/

0 个答案:

没有答案