<p>Ma question est très simple. J'ai une fenêtre contextuelle qui s'ouvre de droite à gauche et je souhaite qu'elle se ferme de gauche à droite. Actuellement, je parviens à ouvrir la fenêtre contextuelle correctement, mais je ne parviens pas à la fermer comme prévu. </p> <pre class="brush:php;toolbar:false;"><div class="overlay"> <div class="items-content"> <h1> bonjour </h1> </div> </div> .superposition { opacité : 0 ; transition : opacité 0,4s linéaire ; } .superposition { &.-afficher { Opacité : 1 } } .superposition { .items-contenu { transformer : traduireX(200 %); transition : transformation facile en 0,4 s ; } } .superposition { &.-afficher { .items-contenu { transformer : traduireX(0); transition : transformation facile en 0,4 s ; } } }</pré> <p>J'ai essayé de définir la transparence, d'ajouter des effets de transition et des délais de transition, mais rien ne semble fonctionner. </p>

.overlay {
&.-show {
   .items-content {
       transform: translateX(0); //  这里应该是0
       transition: transform 0.4s ease-in-out;
    }
}