From the course: HTML5 práctico: Visualización de datos

Unlock the full course today

Join today to access over 22,700 courses taught by industry experts or purchase this course individually.

Creando animaciones curvas para el segundo bloque

Creando animaciones curvas para el segundo bloque - HTML Tutorial

From the course: HTML5 práctico: Visualización de datos

Start my 1-month free trial

Creando animaciones curvas para el segundo bloque

“

Voy a trabajar ahora sobre la animación del cohete viajando hasta Marte. Por cierto, que voy a comentar el código de maqueta y lo voy a dejar también comentado dentro del 'index', más que nada porque ya no lo voy a utilizar. Así que utilizaré el código de comentar de HTML y el de CSS. Y ahora, como decía, voy a tener que aplicar la clase 'on' a este cohete. Bien, ese cohete que es, dentro del bloque 2, 'fase2_cohete'. Me vengo al bloque 2, dentro del bloque busco ese cohete y, por un lado, creo el selector 'on' dentro de los CSS y, por otro lado, en 'cargaBloque', pues voy a utilizar ese selector. Lo voy a cortar y lo voy a pegar, 'removeClass', 'on'. Le voy a quitar ese 'on' y a este le voy a añadir esa clase. Por otro lado, tampoco quiero que esté animado todo el tiempo, quiero que se aplique la animación y luego se le quite. Así que tendré que, de nuevo, añadir y quitar la clase 'animated'. Copio y pego y pego de nuevo. Pues la carga está preparada. Ahora se trata también de crear…

Contents