/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 vote157 views1 answer
Css not last of type
CSS
25 votes148 views4 answers
Css inline hover
CSS
175 votes211 views6 answers
Background css image
CSS
0 vote173 views1 answer
Css os dependent font family
CSS
0 vote186 views1 answer
Width clamp css
CSS
0 vote195 views1 answer
Inline block and 50% width not aligning items
CSS
0 vote146 views1 answer
Css add space to the top
CSS
5 votes138 views3 answers
Css glow effect
CSS
0 vote154 views1 answer
New line ::after class
CSS
0 vote154 views1 answer
How to resolve issue in wordpress css isn;t load
CSS