私はいくつかのCSSトランジションで遊んでいて、動的要素に別のアニメーション遅延を設定して、CSSアニメーションがページ上でずらされるようにしています。
アニメーションはこちら
-webkit-animation: bounceInLeft .5s ease-in 0s backwards;
-moz-animation: bounceInLeft .5s ease-in 0s backwards;
animation: bounceInLeft .5s ease-in 0s backwards;
実際のアニメーションは ff と chrome の両方で正常に動作していますが、firefox ではアニメーションが間隔を置いて正しく遅延されますが、chrome ではすべてのアニメーションが即座に発生します。
ここにインラインコードがあります。これはFirefoxで正しく動作します
style="animation-delay: 1s;"
これはクロムでは機能しません
style="-webkit-animation-delay: 1s;"
アニメーション ルールで遅延を指定しましたが、1 つのインラインを配置するとそれがオーバーライドされると考えました。これは Firefox で行われます。何か案は?ありがとう