CSS Transform generátor lustáknak.
Állítsa be a léptéket, forgassa, fordítsa és ferdítse el és nézze meg az élőt, majd a kívánt nézet eléréséhez.
Kerülje a szélsőséges értékek megadását a megfelelő tulajdonsághoz, mert az pontosan lefedheti a beállítások panelt. Ebben az esetben frissítésenie kell az oldalt.
Méretezés, forgatás, fordítás és ferdítés
A skála úgy működik, mintha a célzott elemet nagyítaná és kicsinyítené. Az alap méretarány 1, amely az eredeti méret szorzójaként működik. Ez azt jelenti, hogy 0,5 fele, míg 2 megduplázza a szakaszt.
Forgassa el az elemet az óramutató járásával megegyező irányban a második tulajdonsággal, amely fokban van beállítva. A 180°-os elforgatás a tárgyat fejjel lefelé fordítja, míg a 360°-os elforgatás visszaáll az eredeti függőleges helyzetébe. Állítson be pozitív vagy negatív értéket, vagy akár tizedesjegyet is.
A Fordítás az elemet az eredeti helyzetéhez kapcsolódó képpontokkal tolja el. Az X érték vízszintesen, míg az Y függőlegesen, ha forgatás attribútum, nulla.
Döntse meg az objektumokat a vízszintes (X) vagy függőleges (Y) tengelyükön.
CSS transzformáció magyarázata
A Transform CSS tulajdonság lehetővé teszi egy elem elforgatását, méretezését, ferdítését és fordítását. Módosítja a CSS vizuális formázási modell koordinátaterét.
Meghatározás és használat
A transzformációs tulajdonság 2D vagy 3D transzformációt alkalmaz egy elemre. Ez a tulajdonság lehetővé teszi az elemek elforgatását, méretezését, mozgatását, ferdét stb.
Böngésző támogatás
A táblázatban szereplő számok az első böngészőverziót adják meg, amely teljes mértékben támogatja a tulajdonságot.
A számok olyanok, amelyeket a -webkit-, -moz- vagy -o- követ, az első verziót adják meg, amely előtaggal működött.
Szintaxis
transform: none|transform-functions|initial|inherit;
