Transformoni gjeneratorin CSS3: Shkalloni, rrotulloni, përktheni dhe anoni

CSS3.0 Transform

Gjenerator CSS Transform për njerëzit dembelë.

Vendosni shkallën, rrotulloni, përkthejeni dhe anoni dhe shikoni pamjen paraprake të drejtpërdrejtë për të marrë pamjen e dëshiruar.

Shmangni vendosjen e vlerave ekstreme për veçorinë e anuar sepse pamja paraprake mund të mbulojë panelin e cilësimeve. Në këtë situatë do t'ju duhet të rifreskoni faqen.

 

Shkalloni, rrotulloni, përkthejeni dhe anoni

Shkalla funksionon ashtu siç do të zmadhoni dhe zvogëloni elementin e synuar. Vlera e paracaktuar e shkallës është 1, e cila funksionon si një shumëzues i madhësisë origjinale. Kjo do të thotë se 0,5 përgjysmohet ndërsa 2 dyfishon seksionin.

 

Rrotulloni elementin në drejtim të akrepave të orës me veçorinë e dytë që është vendosur në gradë. Kthimi me 180° e vendos objektin me kokë poshtë, ndërsa marrja me 360° kthehet në pozicionin e tij origjinal vertikal. Vendosni çdo vlerë pozitive ose negative ose edhe dhjetore.

 

Translate e zhvendos elementin me pikselë që lidhen me pozicionin e tij origjinal. Vlera X horizontalisht ndërsa Y vertikalisht kur ka atribut rrotullimi është zero.

 

Anoni objektet në boshtin e tyre horizontal (X) ose vertikal (Y).

 

Shpjegohet transformimi CSS 

Vetia e transformimit CSS ju lejon të rrotulloni, shkallëzoni, anoni dhe përktheni një element. Ai modifikon hapësirën e koordinatave të modelit të formatimit vizual CSS.

Përkufizimi dhe Përdorimi

Vetia e transformimit zbaton një transformim 2D ose 3D në një element. Kjo veti ju lejon të rrotulloni, shkallëzoni, lëvizni, anoni, etj., elementë.

Mbështetja e shfletuesit

Numrat në tabelë specifikojnë versionin e parë të shfletuesit që mbështet plotësisht pronën.

Numrat e ndjekur nga -webkit-, -moz-, ose -o- specifikojnë versionin e parë që funksionoi me një parashtesë.

Sintaksë
transform: none|transform-functions|initial|inherit;