CSS metode 2D preoblikovanja nam omogočajo premikanje, vrtenje, spreminjanje velikosti in nagib elementov. Spremeni koordinatni prostor modela vizualnega CSS oblikovanja. Če ima lastnost drugačno vrednost od nobene, bo ustvarjen kontekst zlaganja. V takem primeru bo element deloval kot vsebni blok za kateri koli (position: fiksno; ali položaj: absolutno;) element, ki jih vsebuje.
matrix(n, n, n, n, n, n) | Definira 2D preoblikovanje z uporabo matrike šestih vrednosti. | Glej primer |
---|---|---|
rotate(kot) | Definira 2D rotacijo, kot je določena v parametru. | Glej primer |
scale(x, y) | Definira 2D preoblikovanje merila, spreminjanja širine in višine elementa. | Glej primer |
scaleX(n) | Definira 2D preoblikovanje merila, ki spreminja širino elementa. | Glej primer |
scaleY(n) | Definira 2D preoblikovanje merila, ki spreminja višino elementa. | Glej primer |
skew(x-kot, y-kot) | Definira 2D poševno preoblikovanje vzdolž X in Y osi. | Glej primer |
skewX(kot) | Definira 2D poševno preoblikovanje vzdolž X osi. | Glej primer |
skewY(kot) | Definira 2D poševno preoblikovanje vzdolž Y osi. | Glej primer |
translate(x, y) | Definira 2D prevod, premikanje elementa vzdolž osi X in Y. | Glej primer |
translateX(n) | Definira 2D prevod, premikanje elementa vzdolž osi X. | Glej primer |
translateY(n) | Definira 2D prevod, premikanje elementa vzdolž osi Y. | Glej primer |
primer | Primer z animacijo. | Glej primer |