Nauči kako transformirati elemente u 2D prostoru
Pomjera element po X i Y osi bez utjecaja na druge elemente.
transform: translate(50px, 30px);
Rotira element oko njegove centre točke. Kut se mjeri u stupnjima (deg).
transform: rotate(45deg);
Povećava ili smanjuje element. Vrijednost > 1 povećava, < 1 smanjuje.
transform: scale(1.5);
Iskošava element po X i Y osi, stvarajući efekt distorzije.
transform: skew(20deg, 10deg);
Iskošava element samo po horizontalnoj osi (X).
transform: skewX(25deg);
Iskošava element samo po vertikalnoj osi (Y).
transform: skewY(25deg);
Skalira element samo po horizontalnoj osi.
transform: scaleX(1.8);
Skalira element samo po vertikalnoj osi.
transform: scaleY(1.8);
Kombiniranje više transformacija u jednoj liniji za kompleksnije efekte.
transform: translate(30px, 20px) rotate(15deg) scale(1.2);