Generator CSS Transform za lene ljudi.
Nastavite merilo, zavrtite, prestavite in nagnite ter si oglejte predogled v živo, da dobite želeni pogled.
Izogibajte se nastavitvi skrajnih vrednosti za lastnost poševnosti, ker lahko predogled prekrije ploščo z nastavitvami. V tem primeru boste morali osvežiti stran.
Prilagodi, zavrti, prevedi in poševno
Scale deluje tako, kot bi povečali in zmanjšali ciljni element. Privzeta vrednost lestvice je 1, ki deluje kot množitelj izvirne velikosti. To pomeni, da 0,5 razpolovi, medtem ko 2 podvoji del.
Zasukajte element v smeri urinega kazalca z drugo lastnostjo, ki je nastavljena v stopinjah. Z obračanjem za 180° se predmet postavi na glavo, za 360° pa se vrne v prvotni pokončni položaj. Nastavite katero koli pozitivno ali negativno vrednost ali celo decimalke.
Translate premakne element s slikovnimi pikami, povezanimi z njegovim prvotnim položajem. Vrednost X vodoravno, medtem ko je vrednost Y navpično, ko je atribut vrtenja, enaka nič.
Nagnite predmete na vodoravno (X) ali navpično (Y) os.
Razložena transformacija CSS
Lastnost transform CSS vam omogoča vrtenje, spreminjanje velikosti, nagib in prevajanje elementov. Spremeni koordinatni prostor modela vizualnega oblikovanja CSS.
Opredelitev in uporaba
Lastnost transformacije z uporabo 2D ali 3D transformacije za element. Ta lastnost vam omogoča vrtenje, spreminjanje velikosti, premikanje, nagib itd. elementov.
Podpora za brskalnik
Številke v tabeli določajo prvo različico brskalnika, ki v celoti podpira lastnost.
Številke, ki jim sledijo -webkit-, -moz- ali -o-, določajo prvo različico, ki je delovala s predpono.
Sintaksa
transform: none|transform-functions|initial|inherit;
