AnimationEvent animationName 속성
예시
애니메이션과 연결된 애니메이션 이름을 가져옵니다.
var x = document.getElementById("myDIV");
x.addEventListener("animationstart", myStartFunction);
function myStartFunction(event) {
this.innerHTML = "Animation-name is: " + event.animationName;
}
정의 및 사용
animationName 속성은 애니메이션 이벤트가 발생할 때 애니메이션의 이름을 반환합니다.
애니메이션의 이름은 animation-name CSS 속성의 값입니다.
이 속성은 읽기 전용입니다.
브라우저 지원
표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.
Property | |||||
---|---|---|---|---|---|
animationName | Yes | 10.0 | 6.0 | Yes | Yes |
통사론
event.animationName
기술적 세부 사항
반환 값: | 애니메이션의 이름을 나타내는 문자열 |
---|
관련 페이지
HTML DOM 참조: animationstart 이벤트
HTML DOM 참조: animationiteration 이벤트
HTML DOM 참조: animationend 이벤트
HTML DOM 참조: AnimationEvent elapsedTime 속성
CSS 참조: CSS3 애니메이션 속성
CSS 참조: CSS3 animation-name 속성