La propiedad transform aplica una transformación 2D o 3D a un elemento. Esta propiedad permite rotar, escalar, mover, inclinar, etc, elementos.
Propiedad | Significado |
translate, translate3d, translateX, translateY y translateZ | Definen diferentes tipos de traslaciones sobre el objeto indicado. |
scale, scale3d, scaleY, scaleY y scaleZ | Redimensionan el objeto, en su conjunto, en ejes parciales. |
rotate, rotate3d, rotateX, rotateY, rotateZ | Aaplican una rotación al objeto, como en los casos anteriores; se rota en su conjunto o sólo en un plano específico. Van seguidas de un ángulo. |
skew, skewX y skewY | Realizan un abatimiento del elemento. |
perspective | Modifica su perspectiva. |
matrix y matrix3d | Definen una transformación utilizando 6 valores o 16 en el segundo caso. |
Ejemplo
Código CSS3 | Código HTML |
|
|
|
Para saber más