CSS Transform generator za lijene ljude.
Postavite mjerilo, rotirajte, premjestite i nakosite te gledajte pregled uživo kako biste dobili željeni prikaz.
Izbjegavajte postavljanje ekstremnih vrijednosti za svojstvo nagnutosti jer bi pregled mogao prekriti ploču postavki. U ovoj situaciji morat ćete osvježiti stranicu.
Skaliraj, zakreni, prevedi i nakosi
Mjerilo funkcionira kao da povećavate i smanjujete ciljani element. Zadana vrijednost ljestvice je 1, koja djeluje kao množitelj izvorne veličine. To znači da 0,5 prepolovljuje dok 2 udvostručuje odjeljak.
Rotirajte element u smjeru kazaljke na satu s drugim svojstvom koje je postavljeno u stupnjevima. Okretanje za 180° postavlja objekt naopačke, dok se za 360° vraća u prvobitni uspravni položaj. Postavite bilo koju pozitivnu ili negativnu vrijednost ili čak decimale.
Translate pomiče element s pikselima u odnosu na njegov izvorni položaj. Vrijednost X vodoravno dok je Y okomito kada postoji atribut rotacije je nula.
Zakosite objekte na njihovoj vodoravnoj (X) ili okomitoj (Y) osi.
Objašnjenje CSS transformacije
CSS svojstvo transformacije omogućuje vam rotiranje, skaliranje, nakošenje i prevođenje elementa. Modificira koordinatni prostor CSS modela vizualnog oblikovanja.
Definicija i uporaba
Svojstvo transform primjenjuje 2D ili 3D transformaciju na element. Ovo svojstvo vam omogućuje rotiranje, skaliranje, pomicanje, nagib itd. elemenata.
Podrška za preglednik
Brojevi u tablici određuju prvu verziju preglednika koja u potpunosti podržava svojstvo.
Brojevi iza kojih slijedi -webkit-, -moz- ili -o- određuju prvu verziju koja je radila s prefiksom.
Sintaksa
transform: none|transform-functions|initial|inherit;