3D Transformacije u CSS-u

Nauči kako koristiti moderne 3D transformacije u CSS-u!

rotate3d / rotateY

Rotacija okreće element u 3D prostoru. Ovdje koristimo rotateY() za okretanje po Y osi.

scale3d

Funkcija scale3d() povećava ili smanjuje element po X, Y i Z osi.

translate3d

translate3d() pomiče element u 3D prostoru. Element se može pomaknuti lijevo, desno, gore ili dolje.

rotateX + rotateY

Kombiniranjem više transformacija možemo dobiti zanimljive 3D efekte i animacije.