CSS Animations
Experimental
這是一個實驗中的功能
此功能在某些瀏覽器尚在開發中，請參考兼容表格以得到不同瀏覽器用的前輟。
CSS Animations is a module of CSS that defines how to animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their duration, their number of repetitions, and how they repeat.
Reference
CSS Properties
CSS At-rules
Guides
- Detecting CSS animation support
- Describes a technique for detecting if the 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.
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Animations Level 1 | Working Draft | Initial definition. |
Browser compatibility
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help! (en-US)
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Basic support | (Yes)-webkit (en-US) 43.0 |
5.0 (5.0)-moz (en-US) 16.0 (16.0) |
10 | 12-o (en-US) 12.10[2] |
4.0-webkit (en-US) |
| Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Basic support | 2.1 -webkit (en-US) [1] 4.0 -webkit (en-US) |
5.0 (5.0)-moz (en-US) 16.0 (16.0) |
? | ? | (Yes)-webkit (en-US) |
[1] Partial support: animation-fill-mode property is not supported in Android browser below 2.3.
[2] See the release notes to Opera 12.50.
See also
- Related to CSS Animations, CSS Transitions can trigger animations on user actions.