jquery - jqueryでdeg属性をアニメーション化する方法

Question

次のCSSを検討してください

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

数秒で 0 度から 8 度までアニメーション化したいと思います。

これは可能ですか？

Answer 1

これらの CSS ルールでターゲットにしているブラウザーは、CSS トランジションをサポートしています。回転した状態のクラスを CSS に追加し、div に遷移ルール​​を指定します: http://jsfiddle.net/4JK7q/。

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