Definition and Usage
animation property is a shorthand property the following attributes:
- animation-name
- animation-duration
- animation-timing-function
- animation-delay
- animation-iteration-count
- animation-direction
- animation-fill-mode
- animation-play-state
Note: Always specify the animation-duration property, or duration of 0, never played.
Numbers in the table specify the first browser version that fully supports the property. Digital heel -ms-, -webkit -, - moz- or specify the use of the prefix -o- first version.
| Attributes | Internet Explorer | Chrome | FireFox | Safari | Opera |
|---|---|---|---|---|---|
| Property Name | IE | Firefox | Safari | Opera | |
| animation | 10.0 | 43.0 4.0 -webkit- | 16.0 5.0 -moz- | 9.0 4.0 -webkit- | 30.0 15.0 -webkit- 12.0 -o- |
语法：animation: name duration timing-function delay iteration-count direction fill-mode play-state;
Property Value
| Property Value | description |
|---|---|
| animation-name | Specifies the name of the selector to bind to the key frame |
| animation-duration | Specify the animation complete the required number of seconds or milliseconds |
| animation-timing-function | Specify the animation speed profile |
| animation-delay | Before the specified delay animation start |
| animation-iteration-count | Specifies the number of times the animation should play |
| animation-direction | Specifies whether the animation should play in reverse alternating cycles |
| animation-fill-mode | Animation values specified in addition to performing application |
| animation-play-state | Specify the animation is running or paused |