/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 vote302 views1 answer
Center absolute suedo element
CSS
0 vote304 views1 answer
Display elements in column css
CSS
0 vote269 views1 answer
Restrict css to apply on div
CSS
0 vote303 views2 answers
Is it possible to add xsl and css in same xml file
CSS
24 votes295 views3 answers
Css remove outline
CSS
0 vote309 views1 answer
Border buttom color
CSS
0 vote286 views1 answer
Symfony modify request
CSS
0 vote295 views1 answer
How to make an element vertically centered in a dv
CSS
0 vote298 views1 answer
Mathjax beautiful math in all browsers
CSS
0 vote308 views1 answer
Css to reduce margin of class container
CSS