Pomiče element po X i Y osi. Prvi parametar je X (horizontalno), drugi Y (vertikalno).
transform: translate(50px, 50px);
Pomak 50px desno i 50px dolje
Rotira element za zadani broj stupnjeva. Pozitivne vrijednosti rotiraju u smjeru kazaljke na satu.
transform: rotate(45deg);
Rotacija za 45 stupnjeva
Mijenja veličinu elementa. Vrijednost 1 je originalna veličina, 2 je dvostruko veća, 0.5 je upola manja.
transform: scale(1.5);
Povećanje za 50%
Iskrivljuje element po X i Y osi. Vrijednosti se zadaju u stupnjevima.
transform: skew(20deg, 10deg);
Iskrivljenje 20° po X i 10° po Y osi
Možete kombinirati više transformacija u jednoj naredbi. Redoslijed je bitan jer utječe na konačni rezultat.
transform: rotate(45deg) scale(1.2) translate(20px, 20px);
Rotacija, skaliranje i pomak zajedno