css transition

div {
  transition: width 2s linear 1s; /* Property Duration Easing Delay */
}

transition: property duration timing-function delay|initial|inherit;

/* 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;
}

/* Example from W3Schools */

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

}
 

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

}
 

/*CSS Transition Syntax*/
selector {
 transition: property duration timing-function delay|initial|inherit; 
}