transition csss code example

Example 1: scss transition

div {
  transition: all 0.5s ease;
  background: red;
  padding: 10px;
}
div:hover {
  background: green;
  padding: 20px;
}

Example 2: how to use the transition left in css

nav:hover {
  left: 0;
  transition: 2s;
}

Example 3: css transition

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

Example 4: 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

Example 5: transition syntax css

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

Example 6: css transition

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