Animation-direction property

animation-direction  can have the following values -
(1) normal : forward direction, this is the default value.
(2) reverse : the animation sets in the reverse direction ( backward ).
(3) alternate : the animation plays normal first and then reverse.
(4) alternate-reverse: the animation plays reverse first and then normal.


NOTE: animation-duration also matters in animation-direction.

Similar codes

0 vote282 views1 answer
CSS adding background image from file
CSS
3 votes290 views1 answer
Trash icon in fontawesome
CSS
0 vote307 views1 answer
Flex-wrap#verhindert auslaufen aus container
CSS
47 votes317 views6 answers
Css blur
CSS
4 votes267 views2 answers
How to get all values from object in javascript
CSS
0 vote294 views1 answer
Black filter css
CSS
3 votes295 views2 answers
How to align elements horizontally in css
CSS
3 votes317 views1 answer
Html table td spacing
CSS
1 vote289 views1 answer
How do I vertically center text with CSS?
CSS
165 votes335 views6 answers
How to make text bold in css
CSS