Ittrasforma Ġeneratur CSS3: Skala, Dawwar, Ittraduċi u Skew

CSS3.0 Transform

CSS Transform ġeneratur għal nies għażżien.

Issettja l-iskala, idawwar, ittraduċi, u tgħawweġ u ara l-previżjoni diretta biex tikseb il-veduta mixtieqa.

Evita li tissettja valuri estremi għall-proprjetà skew minħabba li l-preview tista 'tkopri l-pannell tas-settings. F'din is-sitwazzjoni ser ikollok jġedded il-paġna.

 

Skala, Dawwar, Ittraduċi u Skew

L-iskala taħdem bħalma tagħmel zoom u 'l barra mill-element fil-mira. Il-valur tal-iskala default huwa 1, li jaħdem bħala multiplikatur tad-daqs oriġinali. Dan ifisser li 0.5 nofsijiet filwaqt li 2 jirduppjaw is-sezzjoni.

 

Dawwar l-element lejn l-arloġġ bit-tieni proprjetà li hija ssettjata fi gradi. It-tidwir b'180° ipoġġi l-oġġett rasu 'l isfel filwaqt li 360° jieħu lura għall-pożizzjoni wieqfa oriġinali tiegħu. Issettja kwalunkwe valur pożittiv jew negattiv jew saħansitra deċimali.

 

Translate ibiddel l-element b'pixels relatati mal-pożizzjoni oriġinali tiegħu. Il-valur X orizzontalment filwaqt li Y vertikalment meta jkun hemm l-attribut dawwar huwa żero.

 

Ixgħel l-oġġetti fuq il-fus orizzontali (X) jew vertikali (Y) tagħhom.

 

Trasforma CSS Spjegati 

Il-proprjetà tat-trasformazzjoni CSS tħallik iddawwar, tiskala, tgħawweġ, u tittraduċi element. Timmodifika l-ispazju tal-koordinati tal-mudell tal-ifformattjar viżwali CSS.

Definizzjoni u Użu

Il-proprjetà tat-trasformazzjoni tapplika trasformazzjoni 2D jew 3D għal element. Din il-proprjetà tippermettilek li ddawwar, tiskala, tiċċaqlaq, tgħawweġ, eċċ., elementi.

Appoġġ għall-Browser

In-numri fit-tabella jispeċifikaw l-ewwel verżjoni tal-browser li tappoġġja bis-sħiħ il-proprjetà.

Numri segwiti minn -webkit-, -moz-, jew -o- jispeċifikaw l-ewwel verżjoni li ħadmet bi prefiss.

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