CSS Animation
From w3cyberlearnings
# | Property | CSS | Description |
---|---|---|---|
1 | @keyframes | 3 | Sets the animation |
2 | animation | 3 | Set for all the animation properties but excluded the animation-play-state property |
3 | animation-name | 3 | Sets a name for the @keyframes animation |
4 | animation-duration | 3 | Sets how many seconds or milliseconds an animation takes to complete one cycle |
5 | animation-timing-function | 3 | Sets the speed curve of the animation |
6 | animation-delay | 3 | Sets when the animation should be started |
7 | animation-iteration-count | 3 | Sets the number of times an animation should be played |
8 | animation-direction | 3 | Sets whether or not the animation should play in reverse on alternate cycles |
9 | animation-play-state | 3 | Sets whether the animation is running or pausing |