Digamos que tengo un elemento con:
.element{ /* some css prorieties */ transition-duration:1.5s; transition-delay:.1s; }
Ahora, al activarlo al pasar el cursor sobre otro elemento, quiero que entre con esta duración y retraso, pero que salga (ya no se desplace) un poco más rápido.
Ahora deja que bigobj=the object
sobre el que paso el mouse
y
let smallobj=the object
que hace la transición ( .element
)
Mi JS se ve así:
bigobj.addEventListener('mouseleave',function(){ smallobj.style.transitionDuration=.3; smallobj.style.transitionDelay=.3; });
no funciona
Si lo cambio a:
smallobj.style.transition="none";
funciona según lo previsto.
¿Cuál sería una solución?