如何在jquery中为deg属性设置动画

Question

考虑以下css

.meter .arrow,.banner2 .meter .arrow {-moz-transform: rotate(8deg);
        -webkit-transform: rotate(8deg);

我想在几秒钟内从0deg动画到8deg。

这可能吗？

Answer 1

您使用这些CSS规则定位的浏览器支持CSS过渡。在CSS中为旋转状态添加一个类，并为div提供转换规则：http://jsfiddle.net/4JK7q/。

-webkit-transition: -webkit-transform 2s linear;