Animate：悬停css规则

Question

是否可以动画转换为CSS：悬停规则？我并不是要在脚本中指定一些动画，而是指在CSS中指定的内容。

Answer 1

CSS transitions在现代浏览器中得到广泛支持。

如果您想要比CSS过渡更广泛的支持，use jQuery .animate。

然而，让jQuery无法识别你在:hover伪类中放置的样式是不可能的。您只需在JavaScript中单独编码更改样式即可。 （如果将样式添加到适当的类，而不是伪类，则可以使用一些jQuery / JS技巧来提取样式。）

Answer 2

是的，它可能也更快，CSS3也利用了硬件加速，使它们变得更加平滑。我建议使用Modernizr检查浏览器是否支持CSS3过渡，然​​后使用动画提供jQuery后备支持。

CSS3过渡就像这样工作 http://jsfiddle.net/zzKYC/

编辑：这也是使用jQuery的animate方法支持Modernizr后备支持的CSS3过渡的完美示例

http://masonry.desandro.com/docs/animating.html

Answer 3

不确定你想要转换什么，但是，这里是一个轻松过渡颜色的jsfiddle。我介绍了一些浏览器。

http://jsfiddle.net/NTjQG/