/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

9 votes184 views4 answers
Clamp css
CSS
1 vote169 views1 answer
Loading screen html
CSS
1 vote211 views2 answers
Scss exceeded maximum budget. Budget 7.00 kB was not met by 841 bytes with a total of 7.82 kB.
CSS
0 vote196 views1 answer
Center elemnts css
CSS
-1 vote173 views1 answer
Css background image not showing vscode
CSS
0 vote220 views1 answer
Css nearest neighbor
CSS
5 votes177 views1 answer
Force to load https
CSS
0 vote164 views1 answer
How to saturate colors in css
CSS
22 votes193 views2 answers
React bootstrap carousal not working
CSS
0 vote191 views1 answer
How to make a square div in css
CSS