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?