/CSS/How to slide div from left to right using css

How to slide div from left to right using css

/*nav*/
.nav{
    position: fixed;
    right:0;
    top: 70px;
    width: 250px;
    height: calc(100vh - 70px);
    background-color: #333;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;

}
.nav-view{
    transform: translateX(0);
}

Source: stackoverflow.com

Similar codes

0 vote353 views1 answer
Touch-action in css
CSS
6 votes356 views1 answer
Border-radius circle using %
CSS
0 vote368 views1 answer
Target only mozilla css
CSS
0 vote351 views2 answers
Setting multiple css using dom
CSS
1 vote333 views1 answer
Change height of range slider html
CSS
17 votes393 views3 answers
How to set div background image
CSS
0 vote370 views1 answer
Bootstrap create full screen background image
CSS
2 votes359 views3 answers
Css remove
CSS
0 vote368 views1 answer
Css not hover div right hide
CSS
0 vote318 views6 answers
Comments in css
CSS