/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

9 votes137 views3 answers
Resize checkbox
CSS
6 votes127 views3 answers
Position absolute horizontally center
CSS
0 vote125 views1 answer
How to use css print page break with float
CSS
0 vote137 views1 answer
Random color scss
CSS
1 vote118 views2 answers
Button width based on text csss
CSS
50 votes149 views6 answers
Backgroud color css
CSS
0 vote71 views1 answer
Sumar clases css
CSS
14 votes126 views2 answers
Css grid command for responsive design
CSS
0 vote131 views1 answer
.container
CSS
0 vote136 views1 answer
Hovered one element change styles for another css
CSS