Animation
animation property is a shorthand form of the following properties properties.
animation-name
animation-duration
animation-timing-function
animation-delay
animation-iteration-count
animation-direction
animation-fill-mode
animation-play-state
The initial value
animation-name: none
animation-duration: 0s
animation-timing-function: ease
animation-delay: 0s
animation-iteration-count: 1
animation-direction: normal
animation-fill-mode: none
animation-play-state: running
animation-name attribute specifies the application of a series of movies, animation sequences each defined by a name represents the @keyframes.
A different sphere of animation!
animation: slidein 3s ease-in 1s infinite reverse both running;
animation: slidein 3s linear 1s infinite running;
animation: slidein 3s linear 1s infinite alternate;
animation: slidein .5s linear 1s infinite alternate;
Original: https://developer.mozilla.org/zh-CN/docs/Web/CSS/animation