/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

2 votes361 views2 answers
Bootstrap change color table striped
CSS
2 votes355 views2 answers
Css resize image to fit div no stretching
CSS
6 votes347 views2 answers
Image orientation css
CSS
16 votes310 views1 answer
Css text vertical direction
CSS
22 votes355 views5 answers
Center grid
CSS
2 votes350 views1 answer
How to style multiple elements at once
CSS
1 vote315 views2 answers
How to reverse array of object
CSS
36 votes345 views6 answers
How to insert gradient in css
CSS
0 vote331 views1 answer
Remove border from last child css
CSS
1 vote354 views2 answers
How to center topnav bar in html
CSS