Ver Mensaje Individual
  #5 (permalink)  
Antiguo 01/02/2014, 12:21
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
De acuerdo Respuesta: Problema con delay de animación CSS

Gracias por responder devildrey33.

Comentas que:
Cita:
Iniciado por devildrey33 Ver Mensaje
...el objeto vuelve a estar a translate(0%,0%), ya que has anulado el anterior keyframe que estaba al translate(0%,100%)...
Espero puedas abundar un poco más, porque no termino de entender tus indicaciones . ¿En qué momento exactamente el navegador entiende que el objeto vuelve a estar a translateY(0%), cuando, según el CSS (el forwards que comenta pzin), el objeto está en translateY(100%) justo antes de suceder el evento mouseout, o sea, justo antes de quitar el cursor del objeto?

También comentas que la cosa se puede hacer con transiciones. Tienes razón, desgraciadamente, al abrir el post, reduje lo más que pude el código con el que trabajaba, para no molestar al lector con elementos innecesarios que sólo hacen más difícil la lectura. Lo que en el fondo quería hacer, y por eso utilizaba javascript, era algo un poquillo más complejo. Tenía en mente hacer un menú cuyas opciones salieran escalonadas. O sea, inmediatamente la 1ra opción, medio segundo después la 2da opción y así sucesivamente. Y lo mismo de regreso. Hasta donde veo, no se puede hacer eso sólo con puras transiciones (¿o sí?). Ver ejemplo aquí, en donde la ida se ve bien, pero la vuelta no.

Igualmente, gracias por responder, maestro pzin. Como casi siempre, nada más que decir, asunto arreglado.

Saludos cordiales!

Última edición por berkeleyPunk; 01/02/2014 a las 13:35