HTML DOM 스타일의 애니메이션 속성

예

애니메이션의 약식 속성 변경 <div> 요소를 사용하여

document.getElementById("myDIV").style.animation="mymove 5s infinite";

애니메이션 속성은 여섯 속성 약식 속성 애니메이션입니다 :

animationName
animationDuration
animationTimingFunction
animationDelay
animationIterationCount
animationDirection.

참고 : 항상 규정 animationDuration 속성을 0으로, 그렇지 않으면 시간을, 애니메이션을 재생되지 않습니다.

인터넷 익스플로러 10, 파이어 폭스와 오페라 지원 애니메이션 특성을가집니다.

사파리와 크롬은 호텔의 또 다른 대안은 그 WebkitAnimation 속성을 속성을 지원합니다.

참고 : 인터넷 익스플로러 9 이전 버전의 애니메이션 속성을 지원하지 않습니다.

애니메이션 속성을 반환합니다 :

object .style.animation

애니메이션 속성 설정 :

object .style.animation="name duration timingFunction delay iterationCount direction fillMode playState"

值	描述
animationName	指定要绑定到选择器的关键帧的名称。
animationDuration	规定动画完成需花费的秒数或毫秒数。
animationTimingFunction	指定动画的速度曲线。
animationDelay	规定动画开始的延迟时间。
animationIterationCount	规定动画的播放次数。
animationDirection	规定是否循环交替反向播放动画。
animationFillMode	规定当动画不播放时（当动画完成时，或当动画有一个延迟未开始播放时），要应用到元素的样式。
animationPlayState	规定动画是运行的还是暂停的。
initial	设置该属性为它的默认值。请参阅 initial 。
inherit	从父元素继承该属性。请参阅 inherit 。