CSS 애니메이션 이름의 구체적인 의미는 애니메이션의 채우기 모드를 나타냅니다.

Question

최근에 CSS를 사용하여 특정 클래스의 불투명도가 0%에서 100%로 바뀌는 애니메이션을 만들어 보았습니다. 하지만 class="bar" 애니메이션에서 몇 가지 문제에 직면했습니다.

animation-fill-mode不仅适用于标题动画（将改变不透明度），而且也适用于bar动画。有没有办法指定animation-fill-mode의 애니메이션 이름을 볼 수 있나요?

제가 만들 때 사용한 코드입니다.

으아아아 으아아아

Answer 1

여기 계시다면<div class="musicBox"></div>周围有一个包含的div，你可以在css中使用>，这意味着样式只会应用于直接作为第一个类指定的子元素。我使用了.musicContainer > .musicBox作为我的选择器，所以淡入淡出动画现在只应用于div，其作为它的直接子元素有musicBox.

으아악 으아악