1

CSSキーフレームを使用して画像を回転させようとしていrotate(360deg)ます。
キーフレームを使用しましたが、アニメーションが完了するたびに、なんらかの遅延が発生します。また、設定しようとしまし100% { -webkit-transform: rotate(359deg) }たが、うまくいきませんでした。それでも遅延が発生します。
すべてのアニメーションの後でそれが遅れるのを防ぐためのアイデアはありますか？
これが私がこれまでにしたことのリンクです。
前もって感謝します！

4

1 に答える 1

3

Animation-timing-functionプロパティのデフォルト値は、アニメーションeaseが最初にわずかに加速し、最後に減速するようになっています。これにより、ループ間の遅延感が得られます。

値をlinearに設定して、無限の線形アニメーションを作成します。

-webkit-animation: spin 1s linear infinite;
   -moz-animation: spin 1s linear infinite;

デモ

于 2012-03-03T09:19:43.423 に答える