Što su CSS 2D transformacije?
CSS 2D transformacije su skup svojstava u CSS-u koji omogućuju promjenu izgleda i položaja HTML elemenata u dvodimenzionalnom prostoru — bez promjene stvarnog HTML koda.
U nastavku se nalaze glavne CSS 2D transformacije, odnosno njihova svojstva:
translate()
Pomiče element horizontalno i/ili vertikalno bez utjecaja na okolne elemente.
Pređi mišem
transform: translate(50px, 20px);
rotate()
Rotira element oko fiksne točke za zadani broj stupnjeva.
Pređi mišem
transform: rotate(45deg);
scale()
Povećava ili smanjuje veličinu elementa.
Pređi mišem
transform: scale(1.5);