css3 animation 키프레임 멈추기

CSS3로 키프레임 애니메이션을 작동하다가 멈추고 싶을 때가 있다.
대부분 hover나 Class 를 추가하여 멈추는 동작을 넣고 싶을 경우다.

-webkit-animation-play-state: paused;
-moz-animation-play-state: paused;
-o-animation-play-state: paused;
animation-play-state: paused;
-webkit-animation: none !important;

맨 마지막 줄에 -webkit-animation: none 이 있는 이유는 아이폰 ios 사파리에서 paused; 동작이 제대로 작동하지 않는다.  그렇기 때문에 대안으로 만들어진 코드이다.

Subscribe
Notify of
guest

이 사이트는 스팸을 줄이는 아키스밋을 사용합니다. 댓글이 어떻게 처리되는지 알아보십시오.

0 댓글
Inline Feedbacks
View all comments
TOP