CSS-muunnosgeneraattori laiskoille ihmisille.
Aseta, kierrä, käännä ja vinouta ja katso live-esikatselu mittakaava näkymän.
Vältä asettamasta vino-ominaisuuden ääriarvoja, koska esikatselu voi peittää asetuspaneelin. tässä säännöllisesti sinun on päivitettävä sivu.
Skaalaa, käännä, käännä ja vino
Skaalaus toimii samalla tavalla kuin lähetät ja loitonnat kohdistettua elementtiä. Oletusasteikon arvo on 1, joka toimii kertoimena alkuperäisestä koosta. Tämä tarkoittaa, että 0,5 puolittaa ja 2 tuplaa osan.
Kierrä elementtiä myötäpäivään toisella ominaisuudella, joka on asteina. Kääntäminen 180° asetetaan esineen ylösalaisin, kun taas 360° kääntyy takaisin alkuperäiseen pystyasentoon. Aseta mikä mikäpositiivinen tai negatiivinen arvo tai jopa desimaali.
Muuta elementtiä pikseleillä, jotka liittyvät sen alkuperäiseen sijaintiin. X-arvo vaakasuunnassa ja Y pystysuunnassa, kun rotate-attribuutti on nolla.
Väännä esineitä niiden vaaka- (X) tai pystysuoralle (Y) akselille.
CSS-muunnos selitetty
Transform CSS -ominaisuuden avulla voit kiertää, skaalata, vinoittaa ja kääntää elementtiä. Se muuttaa CSS-visuaalisen muotoilumallin koordinaattiavaruutta.
Määritelmä ja käyttö
Muunnosominaisuus soveltaa elementtiin 2D- tai 3D-muunnoksia. Tämän ominaisuuden avulla voit kiertää, skaalata, siirtää, vinoittaa jne. elementtejä.
Selaimen tuki
Taulukon numerot määrittävät ensimmäisen selainversion, joka tukee täysin ominaisuutta.
Numerot, niitä seuraa -webkit-, -moz- tai -o-, määrit ensimmäisen version, joka toimi etuliitteellä.
Syntaksi
transform: none|transform-functions|initial|inherit;
