Transform CSS3 Generator: Skala, Puter, Translate lan Skew

CSS3.0 Transform

CSS Transform generator kanggo wong kesed.

Setel skala, muter, nerjemahake, lan miring lan nonton pratinjau langsung kanggo entuk tampilan sing dikarepake.

Aja nyetel nilai ekstrem kanggo properti miring amarga pratinjau bisa nutupi panel setelan. Ing kahanan iki, sampeyan kudu refresh kaca.

 

Skala, Puter, Translate lan Skew

Skala kerjane kaya sampeyan nggedhekake lan nyilikake unsur sing ditargetake. Nilai skala standar yaiku 1, sing dianggo minangka multiplier saka ukuran asli. Iki tegese 0,5 halves nalika 2 pindho bagean.

 

Puter unsur searah jarum jam karo properti kapindho sing disetel ing derajat. Nguripake kanthi 180° ndadekake obyek kasebut terbalik nalika 360° njupuk bali menyang posisi asline. Setel nilai positif utawa negatif utawa malah desimal.

 

Translate ngowahi unsur kanthi piksel sing ana gandhengane karo posisi asline. Nilai X horisontal nalika Y vertikal nalika ana rotate atribut nol.

 

Miringake obyek ing poros horisontal (X) utawa vertikal (Y).

 

Transformasi CSS Dijelasake 

Properti CSS transformasi ngidini sampeyan muter, skala, skew, lan nerjemahake unsur. Iki ngowahi ruang koordinat model format visual CSS.

Definisi lan Panggunaan

Properti transformasi ngetrapake transformasi 2D utawa 3D menyang unsur. Properti iki ngidini sampeyan muter, skala, mindhah, miring, lan liya-liyane.

Dhukungan Browser

Angka ing tabel kasebut nemtokake versi browser pisanan sing ndhukung properti kasebut.

Nomer ngiring dening -webkit-, -moz-, utawa -o- nemtokake versi pisanan sing dianggo karo ater-ater.

Sintaksis
transform: none|transform-functions|initial|inherit;