#02 - Transformaciones 2D
La propiedad CSS transform te permite modificar el espacio de coordenadas del modelo de formato visual CSS. Usándola, los elementos pueden ser trasladados, rotados, escalados o sesgados de acuerdo a los valores establecidos.
Esta tarea consiste en crear galerías de imágenes y aplicar distintas transformaciones 2D utilizando la propiedad css transform con sus dintintos valores.
Objetivos
- Estudiar y utilizar la propiedad transform.
- Crear una galería de imágenes con los valores: rotate(), translateX(), translateY(), scale(), skew().
- Utilizar la pseudoclase :hover para obtener el resultado.
- Utilizar los pseudoelementos :before y/o :after para crear distintos efectos.
- Teoría y Ejemplos: Movimientos
Utilizando como base la "template" base1_tareas y algunas imágenes libres o simuladas,
realiza los siguientes ejercicios:
Coloca dentro de las etiquetas de cabecera head la siguiente etiqueta:
<meta name="author" content="(cc) tuNombre" />
Comprime, con 7zip, toda la carpeta de tu proyecto (tarea) y guárdala en tu tarjeta de memoria y en una nube (Drive o onDrive) con el nombre t15_transformaciones2d.7z. Más tarde la enviarás al Aula Virtual y al VPS (Servidor Privado Virtual).
Etiquetas: 2ª Evaluación, CSS