Lastnost 3D preoblikovanja nam omogoča vrtenje, spreminjanje velikosti, nagib ali prevajanje elementa. Lastnost namreč lahko spremeni koordinatni prostor modela vizualnega CSS oblikovanja. Če ima lastnost drugačno vrednost od nobene, bo ustvarjen kontekst zlaganja. V tem primeru bo element deloval kot vsebni blok za kateri koli položaj (fiksni ali absolutni) elementov, ki jih vsebuje.
matrix3d(n, n, n, n, n, n, n, n, n, n, n, n, n, n, n, n) | Definira 3D preoblikovanje z uporabo matrike 4x4 s 16 vrednostmi. | Glej primer |
---|---|---|
perspective(n) | Definira pogled perspektive za 3D preoblikovan element. | Glej primer |
rotate3d(x, y, z, kot) | Definira 3D rotacijo. | Glej primer |
rotateX(kot) | Definira 3D rotacijo vzdolž X osi. | Glej primer |
rotateY(kot) | Definira 3D rotacijo vzdolž Y osi. | Glej primer |
rotateZ(kot) | Definira 3D rotacijo vzdolž Z osi. | Glej primer |
scale3d(x, y, z) | Definira 3D preoblikovanje merila. | Glej primer |
scaleX(x) | Definira 3D preoblikovanje merila tako, da poda vrednost za os X. | Glej primer |
scaleY(y) | Definira 3D preoblikovanje merila tako, da poda vrednost za os Y. | Glej primer |
scaleZ(z) | Definira 3D preoblikovanje merila tako, da poda vrednost za os Z. | Glej primer |
translate3d(x, y, z) | Definira 3D prevajanje. | Glej primer |
translateX(x) | Definira 3D prevajanje z uporabo vrednosti X osi. | Glej primer |
translateY(y) | Definira 3D prevajanje z uporabo vrednosti Y osi. | Glej primer |
translateZ(z) | Definira 3D prevajanje z uporabo vrednosti Z osi. | Glej primer |
primer | Primer z animacijo. | Glej primer |