최근에 CSS를 사용하여 특정 클래스의 불투명도가 0%에서 100%로 바뀌는 애니메이션을 만들어 보았습니다. 하지만 class="bar" 애니메이션에서 몇 가지 문제에 직면했습니다.
class="bar"
animation-fill-mode不仅适用于标题动画（将改变不透明度），而且也适用于bar动画。有没有办法指定animation-fill-mode의 애니메이션 이름을 볼 수 있나요?
animation-fill-mode
제가 만들 때 사용한 코드입니다.
으아아아 으아아아
여기 계시다면<div class="musicBox"></div>周围有一个包含的div，你可以在css中使用>，这意味着样式只会应用于直接作为第一个类指定的子元素。我使用了.musicContainer > .musicBox作为我的选择器，所以淡入淡出动画现在只应用于div，其作为它的直接子元素有musicBox.
<div class="musicBox"></div>
>
.musicContainer > .musicBox
musicBox
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
여기 계시다면
<div class="musicBox"></div>周围有一个包含的div，你可以在css中使用>，这意味着样式只会应用于直接作为第一个类指定的子元素。我使用了.musicContainer > .musicBox作为我的选择器，所以淡入淡出动画现在只应用于div，其作为它的直接子元素有musicBox.