CSS: La Guía Definitiva, 5ª Edición

Capítulo 17. Transformaciones

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

Desde los inicios de CSS, los elementos han sido rectangulares y han estado firmemente orientados en los ejes horizontal y vertical. Surgieron varios trucos para hacer que los elementos parecieran inclinados, etc., pero debajo de todo ello había una cuadrícula rígida.

Con las transformaciones CSS, tienes la posibilidad de romper esa retícula visual y sacudir la forma en que se presentan tus elementos. Ya sea algo tan sencillo como rotar un poco algunas fotografías para que parezcan más naturales, o crear interfaces en las que la información pueda revelarse volteando los elementos, o hacer interesantes trucos de perspectiva con las barras laterales, las transformaciones CSS pueden -si me permites la expresión obvia- transformar tu forma de diseñar.

Sistemas de coordenadas

Antes de que se embarque en este viaje, dediquemos un momento a orientarnos. En concreto, repasemos los sistemas de coordenadas utilizados para definir posiciones o movimientos en el espacio como una secuencia de medidas. En las transformaciones se utilizan dos tipos de sistemas de coordenadas, y conviene familiarizarse con ambos.

El primero es el sistema de coordenadas cartesianas, a menudo llamadosistema de coordenadas x/y/z. Este sistema describe la posición de un punto en el espacio utilizando dos números (para la colocación bidimensional) o tres números (para ...