css - CSS animation-related properties

1. animation

A shorthand property for setting all animation properties in a single line.

animation: slidein 3s ease-in-out infinite;

2. animation-name

Specifies the name of the keyframes to use.

animation-name: slidein;

3. animation-duration

Specifies how long the animation takes to complete one cycle.

animation-duration: 2s;

4. animation-timing-function

Specifies the speed curve of the animation.

animation-timing-function: ease ;

5. animation-delay

Specifies a delay before the animation starts.

animation-delay: 1s;

6. animation-iteration-count

Defines how many times the animation should play.

animation-iteration-count: 3 | infinite;

7. animation-direction

Specifies whether the animation should play in reverse on alternate cycles.

animation-direction: normal | reverse | alternate | alternate-reverse;

8. animation-fill-mode

Defines how styles are applied before/after animation.

animation-fill-mode: none | forwards | backwards | both;

9. animation-play-state

Controls whether the animation is running or paused.

animation-play-state: running | paused;