84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
最近、CSS を使用して、特定のクラスの不透明度が 0% から 100% になるアニメーションを作成してみました。しかし、class="bar"のアニメーションでいくつかの問題が発生しました。
class="bar"
animation-fill-modeがタイトル アニメーション (不透明度を変更します) だけでなく、バー アニメーションにも適用されることがわかります。animation-fill-modeにアニメーション名を指定する方法はありますか?
がタイトル アニメーション (不透明度を変更します) だけでなく、バー アニメーションにも適用されることがわかります。
にアニメーション名を指定する方法はありますか?
の周囲に含まれる div がある場合、CSS で>を使用できます。これは、スタイルを意味します。最初のクラスとして直接指定された子要素にのみ適用されます。セレクターとして.musicContainer > .musicBoxを使用したため、フェード アニメーションは、直接の子としてmusicBoxを持つ div にのみ適用されるようになりました。
>
.musicContainer > .musicBox
musicBox
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
の周囲に含まれる div がある場合、CSS で>を使用できます。これは、スタイルを意味します。最初のクラスとして直接指定された子要素にのみ適用されます。セレクターとして.musicContainer > .musicBoxを使用したため、フェード アニメーションは、直接の子としてmusicBoxを持つ div にのみ適用されるようになりました。