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.