2

div を回転させる簡単なアニメーションを作成しました。

@-webkit-keyframes turn{   
    0% { -webkit-transform:(0deg); }  
    100% { -webkit-transform:(360deg); }
}

そして、それをdivに割り当てました。

#myDiv
{
    -webkit-animation-name:turn;
    -webkit-animation-duration:4s;
}

アニメーションは Chrome では機能しませんが、Firefox で同じアニメーションを使用すると (-moz- を追加すると)、完全に機能します。

これがフィドルです。

4

1 に答える 1

4

変換機能を忘れてしまいました。正しい構文は次のとおりです。

-webkit-transform: rotate(0deg)

デモを更新しました。

于 2013-02-19T19:06:34.350 に答える