Transformaciones 2D

Giraremos, inclinaremos, moveremos, reduciremos y ampliaremos objetos. También lanzaremos bolas de fuego, nos teletransportaremos y usaremos la telequinesis. Y, por supuesto, exploraremos técnicas para crear efectos decorativos con transformaciones.

Desplazamiento horizontal con translateX Tarea

Desplazamiento vertical con translateY Tarea

Desplazamiento en dos ejes con translate Tarea

Cambios de tamaño con scale Tarea

Rotación y orden de las transformaciones Tarea

Combinación de desplazamiento y escala Tarea

Recorridos con translate Tarea

Combinación de rotate y translate Tarea

Inclinación con skewX y skewY Tarea

Combinación de escala, desplazamiento y rotación Tarea

Reflejos con valores negativos de scale Tarea

transform-origin y cambios de escala Tarea

Transiciones de escala y transform-origin Tarea

transform-origin y rotación Tarea

Rotación animada y transform-origin Tarea

Centrado con transform: translate Tarea

Rotación del título de un bloque Tarea

Inclinación y rotación de texto decorativo Tarea

Sombras con pseudoelementos y rotate Tarea

Efectos al pasar el cursor: rotación de un ícono Tarea

Efectos al pasar el cursor: escala y opacidad Tarea

Efectos al pasar el cursor: aparición de un ícono Tarea

Efectos al pasar el cursor: galería Tarea

Cartas superpuestas con rotate Tarea

Menú circular: posición y origen de rotación Tarea

Menú circular: rotación e inclinación Tarea

Menú circular: orientación de los enlaces Tarea

Menú circular: forma y recorte Tarea

Menú circular: añadir opciones Tarea