animationstart 이벤트
ㅋㅋㅋ 재생 시작 .
CSS 애니메이션에 대한 자세한 내용은 CSS3 애니메이션 장을 확인하세요. CSS 애니메이션이 재생되면 다음 세 가지 이벤트가 발생합니다.
animationstart - CSS 애니메이션이 시작된 후 트리거됩니다.
animationiteration - CSS 애니메이션이 반복적으로 재생될 때 트리거됩니다.
animationend - CSS 애니메이션이 완료된 후 트리거됩니다. 브라우저 지원
표의 숫자는 이 이벤트를 지원하는 첫 번째 브라우저의 버전 번호를 나타냅니다.
"webkit" 또는 "moz" 뒤에 지정된 번호는 이 이벤트를 지원하는 첫 번째 버전 번호 접두사입니다.
event4.0 webkit | 10.0 | 16.05.0 moz | 4.0 웹킷15.0 웹킷 | 12.1 | |
---|---|---|---|---|---|
문법 | object.addEventListener("webkitAnimationStart", | myScript);
// Chrome, Safari 및 Opera용 코드 | object.addEventListener("animationstart", | myScript);
// 표준 구문 |
Internet Explorer 8 및 이전 IE 버전은 addEventListener() 메서드를 지원하지 않습니다. 기술 세부정보
버블링 지원 여부:
예
취소 가능 여부:아니요
취소 가능 여부:아니요
AnimationEvent
관련 페이지 | CSS 튜토리얼 : CSS3 Animation |
---|---|
HTML DOM 참조 매뉴얼: 스타일 애니메이션 속성 |