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 vote247 views1 answer
Input type (submit, button, reset) css
CSS
0 vote227 views1 answer
Nuxt add css file
CSS
2 votes223 views1 answer
Css disable dropdown on input
CSS
1 vote188 views1 answer
Css hover lighten background color
CSS
0 vote236 views1 answer
Padding bottom and top css in same ligne
CSS
32 votes235 views6 answers
@font-face in css
CSS
7 votes244 views2 answers
Sass mixin
CSS
39 votes237 views5 answers
Add drop shadow css
CSS
7 votes243 views6 answers
Css animation loop
CSS
18 votes295 views6 answers
Install bootstrap angular 9
CSS Bootstrap