Buen día.
La idea es la siguiente:
Tenemos 2 cajas sobrepuestas. Cuando se pone el cursor encima de la
caja 1, inmediatamente sale la
caja 2. Hasta aquí, todo bien.
El problema está en la vuelta. Cuando se quita el cursor de la caja 1, la caja 2 se regresa inmediatamente
sin animación, y 1 seg después se regresa
otra vez.
Este segundo que tarda la caja 2 para regresarse otra vez, es el del
delay de la animación. La cosa se arregla si se pone este
delay en cero. Pero la cosa es que
no deseo ponerlo en cero.
Aquí pueden ver el código en acción.
¿Cómo arreglo este extraño en CSS?
Saludos cordiales!

