Što su CSS 3D transformacije?
Za razliku od 2D transformacija, 3D transformacije omogućuju manipulaciju elementima duž Z-osi (dubina). Ključno svojstvo je perspective, koje određuje koliko će 3D efekt biti izražen.
rotateX()
Okreće element oko vodoravne osi. Izgleda kao da pada prema natrag ili naprijed.
3D Rotacija
transform: rotateX(45deg);
rotateY()
Okreće element oko okomite osi. Popularno za efekte "okretanja stranice" ili kartica.
3D Rotacija
transform: rotateY(45deg);
translateZ()
Pomiče element prema naprijed ili natrag u odnosu na gledatelja (približava ga).
3D Pomak
transform: translateZ(50px);