0

コンテナdivにカーソルを合わせながら、画像クラスをアニメーション化する次のコードがあります。ただし、画像がアニメーションの途中で、ユーザーがホバーを停止した場合、アニメーションは一時停止されます。これは奇妙に見えます。

CSSアニメーションを停止または静的状態に戻す方法はありますか？

.image{
    animation-play-state: paused;
    }

#container:hover .image{
    animation-play-state: running;
    }
4

1 に答える 1

1

アニメーションを再生する前に、画像のスクリーンショットを取得しますか？.image1 {background-image： "yourimage"} #container：hover .image {animation-play-state：running; }

そして、image1を静止画像として設定し、ホバーをアニメーションのままにします。これは失敗の証拠ではありませんが、理論的には機能するはずです。

于 2012-05-19T17:57:41.123 に答える