</AS>

Aleix Soler

2019

Cuadrados Vivos – Explorando las Perspectivas en CSS

El objetivo de este experimento era explorar cómo funcionan las perspectivas en CSS, inspirado por una conferencia donde se crearon auténticas obras de arte solo con CSS.

Contexto y Objetivo

Este proyecto nació como una práctica para entender mejor las perspectivas en CSS y ver hasta qué punto se pueden lograr efectos visuales interesantes solo con código. Dividí el proceso en cuatro pasos: el primero para comprender el funcionamiento básico y los siguientes como una evolución más creativa e improvisada.

Procedimiento

Paso 1: Explorando la perspectiva

El primer paso consistió en aplicar perspectivas sencillas a elementos básicos para entender cómo se deforman y reaccionan visualmente.

Paso 2: Dando vida a los cuadrados

Aquí comencé a jugar con interacciones y transformaciones más dinámicas, haciendo que los elementos cobraran más vida.

Paso 3: Multiplicando elementos

Llevé el experimento un paso más allá generando múltiples cuadrados y observando cómo interactuaban entre ellos dentro del espacio en perspectiva.

Paso 4: Puliendo y refinando

La última fase fue ajustar los detalles y terminar con una composición visual más elaborada, explorando los límites de lo que se podía lograr solo con CSS.

Curiosidades

Rendimiento y eficiencia: No se tuvo en cuenta la optimización del código. Todos los rectángulos se generan mediante una única clase y se mantienen en memoria, lo que hace que este experimento no sea escalable en términos de rendimiento. El objetivo era explorar el concepto, no crear una implementación óptima.