/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

6 votes196 views5 answers
Table fixed header
CSS
3 votes166 views2 answers
Antialiasing css
CSS
0 vote172 views1 answer
Div nth child
CSS
1 vote170 views2 answers
Ease-in in css
CSS
0 vote193 views2 answers
Wp redirect to https htaccess
CSS
36 votes180 views5 answers
Text-color gradient css
CSS
0 vote161 views2 answers
How to select elements from a parrent element css
CSS
1 vote167 views1 answer
Blur edges css
CSS
164 votes227 views6 answers
Box-shadow css
CSS
0 vote208 views1 answer
Bootstrap create full screen background image
CSS Bootstrap