javascript - 애니메이션 채우기 모드 설정이 적용되지 않는 이유는 무엇입니까?

Question

.gold_egg_broken{

으아악

}

@-webkit-keyframes 계란 깨짐 {

으아악

}

이 스타일을 요소로 동적으로 전환하고 마지막 프레임에서 변경되지 않고 유지되기를 원합니다. 하지만 작동하지 않습니다

Answer 1

webkit 접두사를 제거하고 다음과 같이 수정하세요.

으아악

애니메이션 속성이 작동하므로 이 브라우저에서는 관련 속성을 접두어로 붙일 필요가 없다는 의미입니다. animation是一个综合属性，默认的animation-fill-mode是none，使用带前缀的属性webkit-animation-fill-mode不能覆盖掉animation-fill-mode 따라서 접두사를 제거해야 합니다.

Answer 2

초대해 주셔서 감사합니다.
@luckness님이 이를 매우 명확하게 알려 드렸습니다.
또한 웹킷과 같은 접두사는 다양한 브라우저의 다양한 버전과 호환되어야 합니다.
좀 더 보수적으로 작성하는 방법은 다음과 같습니다.

으아악