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

-2 votes277 views3 answers
How to highlight text in css
CSS
2 votes299 views1 answer
Slide up and down animation css
CSS
0 vote291 views1 answer
Webkit scrollbar padding
CSS
1 vote291 views1 answer
Stop the client from scrolling
CSS
1 vote273 views1 answer
Bootstrap 4 material icon vertical align
CSS
0 vote290 views1 answer
Css prevent text wrap
CSS
0 vote319 views1 answer
Vue scoped scss media query
CSS
0 vote313 views2 answers
Change color select arrow css cf7
CSS
-1 vote268 views1 answer
Css disable scroll mobile
CSS
0 vote283 views1 answer
Postcss plugin
CSS