CSS Animations is a module of CSS that lets you animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their timing function, duration, their number of repetitions, and other attributes.
Reference
CSS Properties
CSS At-rules
Guides
- Detecting CSS animation support
- Describes a technique for detecting if a browser supports CSS animations.
- Using CSS animations
- Step-by-step tutorial about how to create animations using CSS. This article describes each relevant CSS property and at-rule and explains how they interact with each other.
- CSS animations tips and tricks
- Tips and tricks to help you get the most out of CSS animations. Currently offers a technique for replaying an animation which has already run through to completion, which the API doesn't support inherently.
Specifications
Specification | Status | Comment |
---|---|---|
CSS Animations | Working Draft | Initial definition. |
Browser compatibility
animation
property
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
animation | Chrome
Full support
43
| Edge
Full support
12
| Firefox
Full support
16
| IE Full support 10 | Opera
Full support
30
| Safari
Full support
9
| WebView Android
Full support
43
| Chrome Android
Full support
43
| Firefox Android
Full support
16
| Opera Android
Full support
30
| Safari iOS
Full support
9
| Samsung Internet Android
Full support
4.0
|
Legend
- Full support
- Full support
- See implementation notes.
- See implementation notes.
- User must explicitly enable this feature.
- User must explicitly enable this feature.
- Requires a vendor prefix or different name for use.
- Requires a vendor prefix or different name for use.
See also
- Related to CSS Animations, CSS Transitions can trigger animations based on user actions.