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 vote228 views1 answer
Horizontal checkbox css
CSS
0 vote237 views1 answer
Values play state animation css
CSS
0 vote252 views1 answer
Make the cursor appear as a crosshair on all links of the web page:
CSS
72 votes261 views6 answers
How to center text in a div
CSS
5 votes285 views3 answers
Back color rbg
CSS
12 votes241 views3 answers
Vertical and horizontal align center div
CSS
1 vote238 views1 answer
Get second child div css
CSS
3 votes243 views1 answer
Trash icon in fontawesome
CSS
0 vote274 views1 answer
Css horizontal line around text
CSS
0 vote234 views1 answer
Css ripple effect
CSS