learn css animations transform

Read this comprehensive article about CSS animation transform property. 
It also has many useful examples that help you in best way.

https://medium.com/swlh/learn-css-transform-animation-zero-to-hero-6a2a643bd56b/* 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;
}div {
  transition: width 2s linear 1s; /* Property Duration Easing Delay */
}