.gold_egg_broken{
}
@-webkit-keyframes 계란 깨짐 {
이 스타일을 요소로 동적으로 전환하고 마지막 프레임에서 변경되지 않고 유지되기를 원합니다. 하지만 작동하지 않습니다
webkit 접두사를 제거하고 다음과 같이 수정하세요.
webkit
애니메이션 속성이 작동하므로 이 브라우저에서는 관련 속성을 접두어로 붙일 필요가 없다는 의미입니다. animation是一个综合属性，默认的animation-fill-mode是none，使用带前缀的属性webkit-animation-fill-mode不能覆盖掉animation-fill-mode 따라서 접두사를 제거해야 합니다.
animation
animation-fill-mode
none
webkit-animation-fill-mode
초대해 주셔서 감사합니다. @luckness님이 이를 매우 명확하게 알려 드렸습니다. 또한 웹킷과 같은 접두사는 다양한 브라우저의 다양한 버전과 호환되어야 합니다. 좀 더 보수적으로 작성하는 방법은 다음과 같습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
으아악webkit접두사를 제거하고 다음과 같이 수정하세요.애니메이션 속성이 작동하므로 이 브라우저에서는 관련 속성을 접두어로 붙일 필요가 없다는 의미입니다.
animation是一个综合属性，默认的animation-fill-mode是none，使用带前缀的属性webkit-animation-fill-mode不能覆盖掉animation-fill-mode따라서 접두사를 제거해야 합니다.초대해 주셔서 감사합니다.
으아악@luckness님이 이를 매우 명확하게 알려 드렸습니다.
또한 웹킷과 같은 접두사는 다양한 브라우저의 다양한 버전과 호환되어야 합니다.
좀 더 보수적으로 작성하는 방법은 다음과 같습니다.