xxxxxxxxxx
animation: animation-name animation-duration animation-timing-function animation-delay animation-iteration-count animation-fill-mode; */
xxxxxxxxxx
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;
xxxxxxxxxx
animation: name time func delay iteration dir fill play;
animation: none 0s ease 0s 1 normal none running;
xxxxxxxxxx
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;
xxxxxxxxxx
/* ================================================================ */
/* animation: name duration timing-function delay iteration-count direction fill-mode play-state */
.card {
animation: example 2s linear 1s infinite alternate forwards running;
}
xxxxxxxxxx
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.