2

CSS アニメーションを無限サイクルにネストし、各サイクルの持続時間が異なる素数になるようにするというアイデアがありました。これにより、累積効果が非反復アニメーションになります (アイデアについては、Webkit ブラウザでロゴの上にカーソルを置きます: http:// jsbin.com/usabop/2 )

問題は、:hover 状態が終了すると、すべてが即座に元の状態に戻ることです。

これをよりスムーズに移行するためのアイデアや提案はありますか?

4

1 に答える 1

2

残念ながら、CSS アニメーションの仕組みでは、これを行う簡単な方法はありません。このプロパティを使用することもできますanimation-play-stateが、ホバリングしていないときにアニメーションが現在のフレームでフリーズするだけです。

私のお勧めは、JavaScript を使用してホバー時にクラスを追加することです。これにより、アニメーションの完全なサイクルが 1 回トリガーされます。

于 2012-12-13T03:13:01.183 に答える