2D Transforms

Using the transform CSS property.

transform: none;

transform: rotate(10deg);

transform: skewX(10deg);

transform: skewY(-10deg);

transform: skew(10deg, -10deg);

transform: scale(0.8);

transform: scale(0.8, 1.2);

transform: translate(25px, 10px);

transform: scale(0.8) rotate(10deg) translate(25px, 10px);

transform: matrix(0.787846, 0.138919, -0.138919, 0.787846, 18.307, 11.3514);