Transforms in CSS

Guía corta de Eric A. Meyer sobre las transformaciones de CSS en dos y tres dimensiones. Es un extracto de la cuarta edición de «CSS: The Definitive Guide» y describe el módulo CSS Transforms tal como estaba en 2015. Está pensada para desarrolladores front-end y diseñadores web de nivel intermedio que ya manejan CSS con soltura y quieren rotar imágenes, crear efectos de perspectiva o interfaces que muestran la cara posterior de un elemento.

Empieza con los sistemas de coordenadas que usan las transformaciones (el cartesiano y el esférico) y luego recorre en detalle la propiedad transform y sus funciones: traslación (translate y sus variantes por eje y 3D), escalado, rotación, sesgado (skew), la función perspective() y las funciones de matriz (matrix y matrix3d), con una nota sobre cuándo dos transformaciones distintas llegan al mismo estado final. La segunda parte cubre las propiedades complementarias: transform-origin para mover el punto de origen, transform-style para conservar el espacio 3D entre elementos anidados, perspective y perspective-origin para dar una perspectiva común a un grupo de elementos, y backface-visibility para controlar la cara posterior.

No incluye proyectos guiados; cada función se explica con fragmentos de código y figuras que muestran el resultado. Es una referencia precisa y compacta que ayuda a entender sobre todo el orden de aplicación de las funciones y la diferencia entre perspective() y la propiedad perspective. Conviene combinarlo con un texto sobre transiciones y animaciones para dar movimiento a estas transformaciones. Tampoco cubre las propiedades individuales translate, rotate y scale, que llegaron después.