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

Code Example 1

/* Answer to: "css transitions" */

div {
  width: 100px;
  height: 100px;
  background: red;
  transition: width 2s;
  /* transition: width 2s, height 4s; */
}
 
div:hover {
  width: 300px;
  height: 1000px;
}

Code Example 2

div
{
  width: 100px;
  height: 100px;
  
background: red;
  transition: width 2s;

}

Code Example 3

transition: property duration transition-timing-function delay; 
/*Shorthand Property*/

Learn ReactJs, React Native from akashmittal.com