/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 vote335 views1 answer
Animated display css
CSS
-2 votes359 views1 answer
Div color overlay css
CSS
4 votes339 views2 answers
Javafx button css
CSS
1 vote373 views2 answers
Button transparent using css
CSS
1 vote363 views1 answer
Change order columns bootstrap
CSS
0 vote345 views1 answer
CSS Attribute Selector with role attribute
CSS
0 vote342 views1 answer
How to apply css on react chartjs
CSS
0 vote343 views1 answer
Postion on window top css
CSS
4 votes326 views2 answers
Cursive css
CSS
36 votes336 views5 answers
Text-color gradient css
CSS