/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 vote134 views1 answer
Background single line property css
CSS
0 vote130 views2 answers
Change svg color on hover, css
CSS
5 votes87 views1 answer
Css custom strikethrough
CSS
0 vote142 views2 answers
Text-align transform
CSS
8 votes131 views6 answers
Aos animation
CSS
0 vote129 views1 answer
Css svg width 100%
CSS
0 vote136 views1 answer
P{ color: blue; font-size: 14px; }
CSS
0 vote148 views1 answer
Jpa select date format
CSS
17 votes152 views3 answers
Rotate image in css
CSS
68 votes151 views6 answers
Add css file in html
CSS