Del curso: HTML5 práctico: Visualización de datos

Accede al curso completo hoy mismo

Únete para acceder a más de 22.600 cursos impartidos por expertos del sector o compra solamente este curso.

Generación de animaciones en cascada en la infografía

Generación de animaciones en cascada en la infografía - Tutorial de HTML

Del curso: HTML5 práctico: Visualización de datos

Comenzar mi mes de prueba gratis

Generación de animaciones en cascada en la infografía

“

Aprenderemos ahora a crear cascadas de animaciones, a hacer que cuando termine una transición comience otra. El principio va a ser el siguiente. Yo voy a tener como primera transición la que se genera desde la botonera. Cuando termine esta transición, y no antes, entonces quiero que se ejecute la animación correspondiente al bloque en concreto donde estoy, en este caso va a ser el primero. ¿Cómo consigo eso? Bueno, pues se trata de utilizar jQuery para recuperar la transición en concreto que vamos a recuperar. Esa transición, la de la botonera, se está aplicando también sobre los contenidos, así que podemos utilizar, de hecho, este 'contents'. Aquí podría quitar ese elemento y así evitar que tenga que buscarlo dos veces jQuery. Bueno, pues además de todo esto, puedo pedirle que tenga un 'bind', que sirve para vincular la recepción de un evento, y ese evento va a ser 'transitionend'. para que funcione en todos los navegadores, voy a tener que aplicar ese 'transitionend' en sus…

Contenido