Animations (CSS)
The animation
CSS property animates an element's style over time, using keyframes described in @keyframes
rules.
To learn more, see
AnimationEvent,
AnimationEvent: AnimationEvent() constructor,
AnimationEvent: animationName property,
AnimationEvent: elapsedTime property,
AnimationEvent: pseudoElement property,
CSSAnimation,
CSSAnimation: animationName property,
CSSKeyframeRule,
CSSKeyframeRule: keyText property,
CSSKeyframeRule: style property,
CSSKeyframesRule,
CSSKeyframesRule: appendRule() method,
CSSKeyframesRule: cssRules property,
CSSKeyframesRule: deleteRule() method,
CSSKeyframesRule: findRule() method,
CSSKeyframesRule: length property,
CSSKeyframesRule: name property,
@keyframes,
animation,
animation-delay,
animation-direction,
animation-duration,
animation-fill-mode,
animation-iteration-count,
animation-name,
animation-play-state,
animation-timing-function at MDN.
Compatibility (view on caniuse.com)
- Chrome 43 Released on 2015-05-19
- Chrome Android 43 Released on 2015-05-27
- Edge 12 Released on 2015-07-29
- Firefox 16 Released on 2012-10-09
- Firefox for Android 16 Released on 2012-10-09
- Safari 9 Released on 2015-09-30
- Safari on iOS 9 Released on 2015-09-16