Primjeri raznih 3D transformacija u CSS-u. Zadržite miša iznad kvadrata da vidite efekt.
Ova animacija rotira element oko X osi za 20 stupnjeva. Kada zadržite miša iznad kutije, ona se naginje prema naprijed, stvarajući dojam dubine.
Ova animacija rotira element oko Y osi za 20 stupnjeva. Kada zadržite miša iznad kutije, ona se naginje lijevo ili desno, dajući osjećaj trodimenzionalnosti.
Ova animacija rotira element oko Z osi za 20 stupnjeva. Kada zadržite miša iznad kutije, ona se rotira oko svoje središnje osi, stvarajući efekt zakretanja.