04/01/2016, 09:18
|
 | | | Fecha de Ingreso: enero-2016 Ubicación: Bogotá
Mensajes: 2
Antigüedad: 9 años, 1 mes Puntos: 0 | |
 Duda: Animación toggle que se invierta al 2do click (enlace a codepen)
Hola, un cordial saludo.
Se que es una novatada, pero estoy aprendiendo. Amplio mi pregunta:
Tengo una animación en secuencia CSS y esta se activa por medio de una clase. Con un simple script y mediante un toggleClass añado la clase dinamicamente al hacer clic en un botón.
El problema: Que al quitar la clase vuelve al estado inicial, pero de forma muy brusca sin transición y quería saber sí hay alguna forma de invertir la animación.
Sé que la propiedad de css "animation-direction" tiene un valor "reverse", pero no sé como aplicarla de forma dinámica o sí existe una mejor forma de hacerlo.
Todo esto lo pueden ver en el siguiente codepen:
[URL="http://codepen.io/g3kdigital/pen/GordzZ"]
http://codepen.io/g3kdigital/pen/GordzZ[/URL]
Gracias de antemano por los comentarios.
Última edición por itawebdesigner; 04/01/2016 a las 09:50
Razón: El enlace no aparece como tal al publicarse
|