animationstart 이벤트


ㅋㅋㅋ 재생 시작 .

CSS 애니메이션에 대한 자세한 내용은 CSS3 애니메이션 장을 확인하세요. CSS 애니메이션이 재생되면 다음 세 가지 이벤트가 발생합니다.

animationstart - CSS 애니메이션이 시작된 후 트리거됩니다.

animationiteration - CSS 애니메이션이 반복적으로 재생될 때 트리거됩니다.

animationend - CSS 애니메이션이 완료된 후 트리거됩니다.

브라우저 지원

표의 숫자는 이 이벤트를 지원하는 첫 번째 브라우저의 버전 번호를 나타냅니다.

"webkit" 또는 "moz" 뒤에 지정된 번호는 이 이벤트를 지원하는 첫 번째 버전 번호 접두사입니다.

event


animationstart16.04.0 웹킷12.1참고: Chrome, Safari 및 Opera 브라우저가 사용됩니다. webkitAnimationEnd 접두사. 문법myScriptobjectmyScript
4.0 webkit 10.0
5.0 moz

15.0 웹킷


object.addEventListener("webkitAnimationStart", ); // Chrome, Safari 및 Opera용 코드
.addEventListener("animationstart", ); // 표준 구문
참고:

Internet Explorer 8 및 이전 IE 버전은 addEventListener() 메서드를 지원하지 않습니다. 기술 세부정보


버블링 지원 여부:

취소 가능 여부:
아니요
이벤트 유형:

AnimationEvent


CSS 참조 매뉴얼: CSS3 애니메이션 속성
관련 페이지CSS 튜토리얼 : CSS3 Animation
HTML DOM 참조 매뉴얼: 스타일 애니메이션 속성