CSS 깨끗한 애니메이션 반복

내가 그래서 주위를 둘러 보았다 발견 된 애니메이션 키 프레임

와 클래스를 추가 내가 함수 animate()를 호출 애니메이션 매번 수행하고자하는 CSS에서 키 프레임을 사용하여 애니메이션을 webkitTranstionEnd을 사용하여 클래스를 지워야하지만 Mozilla, Opera에 뭔가 쓸 필요가 있다는 뜻입니다. 함수를 호출 할 때마다 키 프레임 애니메이션을 수행하는 더 깨끗한 방법이 있습니까?

출처

2012-06-07 Akshat

브라우저를 준수해야하는 jQuery (또는 기타)과 같은 자바 스크립트 프레임 워크를 사용하는 것이 좋습니다.

출처

2012-06-07 14:13:33

UGhh jQuery 제안 ... 정말요? 그래 .. 단지 CSS 애니메이션을 지우는 데 2k 줄의 코드가 포함됩니다. – Loktar

웹킷의 CSS는 매우 훌륭하지만 불행히도 일부는 여전히 독점적입니다 (오페라가 없으므로). 이제 무엇이 최고인가? jQuery에서 어디서나 동일하거나 브라우저마다 다를 수있는 여러 CSS 스타일을 처리하는 무언가를 할 수 있습니까? –

나는 이것을 고려했다. 그러나 다시 그리기 동안 JQuery의 상수 재 계산은 많은 컴퓨터에서 애니메이션 지연을 야기한다. – Akshat

CSS 깨끗한 애니메이션 반복

답변

관련 문제