Transform CSS3 Generator: skaliranje, rotiranje, prevođenje i zaokretanje

CSS3.0 Transform

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;