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 vote298 views2 answers
Can i use css in react native
CSS
23 votes296 views5 answers
Align item center flex
CSS
0 vote311 views1 answer
Css space between child elements
CSS
9 votes283 views4 answers
Two color background css
CSS
2 votes309 views3 answers
Make an image smaller css
CSS
1 vote330 views1 answer
@media between two sizes
CSS
0 vote311 views1 answer
Css select having both classes
CSS
-1 vote292 views5 answers
Add tailwind to next
CSS
25 votes319 views5 answers
Line spacing css
CSS
1 vote346 views1 answer
How to prevent text overflow
CSS