css3 애니메이션 반복 횟수를 무한대에서 변경하면 아무 것도 수행되지 않습니다.

Question

반복 횟수가 무한으로 설정된 css3 애니메이션을 실행 중입니다.

클릭 이벤트를 기준으로합니다. 애니메이션을 중지하고 싶지만 반복 횟수를 변경하면 아무 효과가 없습니다. 누구든지 더 나은 해결책을 제안 할 수 있습니까?

감사

이안

Answer 1

즉

.box { 
    height: 100px; 
    width: 100px; 
    background-color: #000; 
} 

.box.animated { 
    -webkit-animation... 
} 

스타일링에서 sepeared 클래스에서 애니메이션을 넣고 다음 클래스는 클릭에 애니메이션 제거합니다.