Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/03/2014, 16:31
Avatar de berkeleyPunk
berkeleyPunk
 
Fecha de Ingreso: febrero-2013
Ubicación: México :C
Mensajes: 565
Antigüedad: 11 años, 3 meses
Puntos: 22
¿Cómo emular del todo una animación CSS con jQuery?

Buen día.

Pues el título parece bastante claro. Quiero que una animación jQuery se vea igualita que si la hubiese hecho con CSS.

Para lograr esto, me encuentro con dos problemas con la animación jQuery, la cual entra en acción con el cursor encima:

1. Si mantengo en movimiento el cursor, la animación se hace en un loop infinito. Y la idea es que sólo dé una vuelta.

2. El parámetro opcional easing, hasta donde entiendo, sólo tiene dos valores de cadena posibles "swing" y "linear". ¿Esto es cierto o hay más? Más aún, ¿se pueden establecer valores numéricos, digamos, cubic-bezier, y si sí, cuál sería la sintaxis?

Esta sería la animación CSS y Esta sería la animación jQuery

Saludos!