HTML DOM 스타일 animationName 속성
예
animationName이 속성 <div> 요소를 변경합니다 :
document.getElementById("myDIV").style.animationName="myNEWmove";
»시도
정의 및 사용
animationName 속성 집합 또는 @keyframes 애니메이션의 이름을 반환합니다.
브라우저 지원
인터넷 익스플로러 10, 파이어 폭스와 오페라 지원 animationName 속성입니다.
사파리와 크롬 속성을 WebkitAnimationName property 속성의 또 다른 대안을 지원합니다.
참고 : 인터넷 익스플로러 9 이전 버전 animationName 속성을 지원하지 않습니다.
문법
위로 animationName 속성 :
object .style.animationName
animationName 속성 설정 :
object .style.animationName="none|keyframename|initial|inherit"
속성 값
| 值 | 描述 |
|---|---|
| none | 默认值。规定没有动画（可用于重写来自级联的动画）。 |
| keyframename | 规定要绑定到选择器的关键帧的名称。 |
| initial | 设置该属性为它的默认值。请参阅 initial 。 |
| inherit | 从父元素继承该属性。请参阅 inherit 。 |
기술 세부 사항
| 기본값 : | 없음 |
|---|---|
| 반환 값 : | 요소의 애니메이션 속성 이름을 표시하는 문자열. |
| CSS 버전 | CSS3 |
관련 기사
CSS 참조 설명서 : 애니메이션-name 속성