CSS slide transition effects code example

Example 1: how to use the transition left in css

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

Example 2: 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 3: css opacity transition

div {
  transition: opacity seconds;
}