CSS Übergang von rechts auf Klick mit CSS nach links

Question

Ich versuche, die CSS für rechts nach links div zu machen, wenn es geöffnet wird, aber ich mag nicht jedes Java-Script verwenden und jquery braucht nur reine CSS.

Answer 1

Sie könnten eine CSS-Animation über die clip Eigenschaft

Codepen Demo

---

Markup

<section> 
    <div> 
    <h1>Right to Left opening</h1> 
    </div> 
</div> 

CSS

section { 
    position: relative; 
} 

div { 
    position: absolute; 
    width: 100%; 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    background: #6698F5; 
    clip: rect(0, 100vw, auto, 100vw); 
    animation: slide 1.5s linear 1s forwards; 
} 

@keyframes slide { 
    100% { clip: rect(0, 100vw, auto, 0); } 
}