Css animation shorthand

Animation shorthand css

animation: name time func delay iteration dir fill play;
animation: none 0s ease 0s 1 normal none running;

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 shorthand css

animation: name time func delay iteration dir fill play;
animation: none 0s ease 0s 1 normal none running;

Css animation shorthand

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;

Css animation shorthand

animation: name time func delay iteration dir fill play;
It is a shorthand for
animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, and animation-play-state.

Similar codes

0 vote124 views1 answer
How to give opacity to background only
CSS
3 votes144 views2 answers
How to give shadow to navbar
CSS
38 votes138 views3 answers
Css breakpoints
CSS
2 votes147 views1 answer
Bootstrap 5 auto darkmode 5
CSS
0 vote129 views1 answer
How to use class form scss reactjs
CSS
4 votes135 views2 answers
How to remove onclick input border
CSS
-1 vote132 views3 answers
Clip path css
CSS
1 vote131 views2 answers
Css input border radius focus
CSS
1 vote144 views1 answer
Ghana
CSS
7 votes143 views2 answers
Sass mixin
CSS