Skip to content

likarod/css-pp-los-cuentos-del-acido

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

logotipo de The Bridge

⚔️ Cuentos del ácido

Introducción

La malvada bruja ha envenenado los ríos y, en un abrir y cerrar de jojos, el maravilloso mundo de la fantasía ha sido corrompido.

Haremos una representación de cómo se sufrió tamaño ataque cargado de vileza.

Requisitos

  • HTML

  • Transiciones y animaciones CSS

Iteraciones

Existe una carpeta, llamada assets, cargada de imágenes de fantasía que usarás para la prueba.

  1. Coloca en la escena todos los personajes y objetos del cuento. Transformación: translate

Animaciones

  1. Los buenos irán de izquierda a derecha. Transformación: translate

    • Príncipe

    • Princesa

    • Hada madrina

    • Rana

  2. Los objetos inanimados comenzarán rotados 45º hacia a la izquierda e irán hacia 45º hacia la derecha, para volver hacia su estado original. Transformación: rotate.

    • Castillo

    • Lámpara

    • Espada

    • Manzana que se siente tomate.

Transiciones

  1. Los malos tendrán transiciones individuales, cada vez que pongas el ratón sobre uno de ellos.

    • Bruja: Transformación skew eje X: 20, eje Y: 10

    • Dragón: Transformación scale

    • Nomo (Este truhán te roba los cultivos y pone "cara de bueno"). Transformación rotate 360º

Premium: Animaciones

Aplica un fondo psicodélico

Premium: Transformaciones

Aplica la transformación matrix sobre la bruja.

About

Ejercicio para aprender CSS animación

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Languages

  • CSS 58.1%
  • HTML 41.9%