/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 vote160 views1 answer
Css distance between text and input box
CSS
42 votes141 views6 answers
Css transparent background color
CSS
2 votes142 views1 answer
Onclick javascript are you sure
CSS
0 vote267 views2 answers
Using materialize css with react
CSS Materialize
4 votes162 views2 answers
Composer switch to version 1
CSS
33 votes106 views21 answers
Laravel clear cache
CSS
13 votes128 views3 answers
Repeat css
CSS
2 votes151 views1 answer
How to make auto scroll to the end in css
CSS
0 vote193 views1 answer
React bootstrap carousel not working
CSS Bootstrap
8 votes132 views1 answer
Html watermark background
CSS