Check out example codes for "animation shorthand css". It will help you in understanding the concepts better.

Code Example 1

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;

Code Example 2

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;

Code Example 3

animation: name time func delay iteration dir fill play;
animation: none 0s ease 0s 1 normal none running;

Code Example 4

animation: name duration timing-function delay iteration-count 
direction fill-mode play-state;

Learn ReactJs, React Native from akashmittal.com