Transform

Syntax


/* Keyword values */
transform: none;

/* Function values */
transform: scale(2);
transform: rotate(45deg);
transform: skew(40deg);

/* Multiple function values */
transform: scale(2) rotate(45deg);

scale


scale(sx)
scale(sx, sy)
scaleX(sx)
scaleY(sy)

demo/scale.html:

rotate


rotate(a)
rotateX(a)
rotateY(a)
rotateZ(a)
rotate3d(x, y, z, a)

demo/rotate.html:

translate


translate(tx)
translateX(tx)
translateY(tx)
translateZ(tx)
translate(tx, ty)
translate3d(tx, ty, tz)

demo/translate.html:

skew


skew(ax)
skewX(ax)
skewY(ax)
skew(ax, ay)

demo/skew.html:

matrix


matrix(a, b, c, d, tx, ty)
matrix3d(a1, b1, c1, d1, a2, b2, c2, d2, a3, b3, c3, d3, a4, b4, c4, d4)

demo/matrix.html:

References