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