1

デフォルトのCSSがrotate（0deg）であるボタンにrotate（360deg）CSSトランジションがあります。

その回転 (360 度) 値を適用するクラスが存在しなくなると、ブラウザーは自動的にデフォルトの回転 (0 度) に戻ります。

アニメーションはデフォルトで時計回りに進むため、ロールバック (反時計回り) ではなく、デフォルトの 0 まで時計回りに実行することをお勧めします。

この動作を指定できますか?

4

1 に答える 1

0

私はあなたがまだできるとは思いません、とにかく私が知っていることではありません。私は自分に似たものを手に入れようとしました。Jqueryが仕事を成し遂げるのはかなり確実です、私はこれを実際にはしていませんが、それは次のようなものでなければなりません

$("#container").rotate({

bind：{マウスオーバー：function（）{$（this）.rotate（{animateTo：360}）}、

 }

}）;

編集申し訳ありませんが、これはJQueryプラグインであり、含まれていません。ここにリンクがありますhttp://code.google.com/p/jqueryrotate/wiki/Examples

2番目の編集キーフレームを使用して解決したと思います。これをcssファイルの任意の場所に配置します。

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

次に、これをホバーアクションに入れます。

.button:hover{
-webkit-animation-name: Rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear; 
}

あなたがやりたいことをするべきで、私のために働いた。

于 2012-10-16T14:06:30.887 に答える