traslate:
Especifica una translación 2D dada por coordenadas (x, y). Cada valor puede ser un valor de longuitud o un valor de porcentaje.
traslate(70px, 10px)
traslateX(16%)
traslateY(20px)
Transformaciones
La propiedad CSS transform permite modificar el espacio de coordenadas del modelo de formato visual CSS. Usándola, los elementos pueden ser trasladados, rotados, escalados o sesgados de acuerdo a los valores establecidos.
Valores Transformaciones 2D:
scale:
Especifica una operación de escalado 2D descrita (%x, %y) donde 1 = 100% original del elemento, si se desea aumentar el % es 1. seguido del valor, y si se desea disminuir es 0. seguido del valor.
scale(0.93, 0.97)
scaleX(1.2)
scaleY(0.7)
rotate:
Define una operación de rotación 2D de un elemento específico, haciendo la cantidad de grados (deg) que este rotará en sentido de las macecillas del reloj.
rotate(10deg)
skew:
Sesga el elemento a lo largo del eje X y Y por los ángulos (x, y) especificados.
skew(2deg, 7deg)
skewX(20deg)
skewY(10deg)