Week 03 - Drum Kit Challenge

Con @Keyframes: hacer que una pelota rebote verticalmente. Puede añadirse distorsión a la pelota o no (cuando choca contra el suelo se aplasta). Hacer un loop infinito. Recordar que hacen falta al menos: el nombre, la duración y la cantidad de veces de la animación: animation: iryvenir 2s 3;

module 3

Crea una página sobre ti mism@, usando flexbox, como ejemplo: Header: foto y titulo o/y slogan de la pagina (tu nombre o no) Pequeño parrafo sobre ti (vale añadir extra texto Lorem Ipsum) DIV 1: Imágenes de tus hobbies (no vale informatica): los tres principales. Probar también align-items (alineación vertical) DIV2: los otros en otro div.

Crea un conjunto de tarjetas con tus personajes favoritos (reales o ficticios) con un estilo similar (una clase), y que contengan flex-wrap, y efectos :hover, como por ejemplo: sombra(box-shadow), opacidad(opacity), rotar(rotate), escalar (scale), mover (translate), etc

Con @Keyframes: crear un anuncio con al menos tres elementos: un logo, un slogan y una imagen (de fondo o no). Implica crear TRES o más animaciones diferentes, uno para cada elemento. También se le puede dar un delay para que no arranque al momento. Ejemplo: logo: concesionario PACO, slogan: “nos los quitan de las manos”

Review React Part 1 and 2. Working as a group to finish the projects