Vodič kroz CSS 2D Transformacije

translate()

Pomiče element s njegove trenutne pozicije (X i Y os).

Pomiči
transform: translate(30px, -10px);

rotate()

Rotira element za određeni broj stupnjeva (deg).

Rotiraj
transform: rotate(45deg);

scale()

Povećava ili smanjuje element (širina, visina).

Povećaj
transform: scale(1.5);

skew()

Zakreće (naginje) element duž X ili Y osi.

Nagni
transform: skewX(20deg);

matrix()

Kombinira sve 2D transformacije u jednu funkciju.

Matrix