CSS アニメーション名の具体的な意味は、アニメーションの塗りつぶしモードを指します。

Question

最近、CSS を使用して、特定のクラスの不透明度が 0% から 100% になるアニメーションを作成してみました。しかし、class="bar" のアニメーションでいくつかの問題が発生しました。

animation-fill-mode がタイトル アニメーション (不透明度を変更します) だけでなく、バ​​ー アニメーションにも適用されることがわかります。 animation-fill-modeにアニメーション名を指定する方法はありますか?

これは私が作成するために使用したコードです。

リーリー リーリー

Answer 1

<div class="musicBox"></div> の周囲に含まれる div がある場合、CSS で > を使用できます。これは、スタイルを意味します。最初のクラスとして直接指定された子要素にのみ適用されます。セレクターとして .musicContainer > .musicBox を使用したため、フェード アニメーションは、直接の子として musicBox を持つ div にのみ適用されるようになりました。

リーリー リーリー