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 vote104 views1 answer
Add elipses to a dom element with css
CSS
0 vote145 views1 answer
Shopify display flex not working
CSS
0 vote111 views1 answer
Button not aligning right css
CSS
0 vote99 views1 answer
Material css sidebar
CSS
5 votes98 views3 answers
Keep background image fixed during scroll using css
CSS
0 vote286 views1 answer
Center absolute suedo element
CSS
1 vote101 views1 answer
Tailwind hover
CSS
0 vote116 views1 answer
Define keyframes with javascript
CSS
22 votes129 views6 answers
Box shadow css
CSS
0 vote142 views1 answer
Object-fit
CSS