Ver Mensaje Individual
  #1 (permalink)  
Antiguo 30/01/2014, 16:27
Avatar de berkeleyPunk
berkeleyPunk
 
Fecha de Ingreso: febrero-2013
Ubicación: México :C
Mensajes: 565
Antigüedad: 11 años, 2 meses
Puntos: 22
Pregunta Problema con delay de animación CSS

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!

Última edición por berkeleyPunk; 30/01/2014 a las 17:33