JavaScript - アニメーションフィルモード設定が有効にならないのはなぜですか

Question

.gold_egg_broken{

リーリー

}

@-webkit-keyframes が壊れています {

リーリー

}

要素をこのスタイルに動的に切り替えて、最後のフレームに留まるようにします。しかし、うまくいきません

Answer 1

接頭辞を削除し、次のように変更します: webkit リーリー

アニメーション属性が機能するため、このブラウザでは関連する属性に接頭辞を付ける必要がないことを意味します。

したがって、プレフィックスを削除する必要があります。 animation是一个综合属性，默认的animation-fill-mode是none，使用带前缀的属性webkit-animation-fill-mode不能覆盖掉animation-fill-mode

Answer 2

ご招待ありがとうございます。
@luckness がとてもわかりやすく教えてくれました。
さらに、Webkit などのプレフィックスは、さまざまなブラウザのさまざまなバージョンと互換性を持つ必要があります。
より控えめな書き方は次のようになります。

リーリー