CSS Transform generátor pro líné lidi.
Nastavte měřítko, otočte, překládejte a zkoste a sledujte živý náhled, abyste získali požadovaný pohled.
Vyhněte se nastavení extrémních hodnot vlastnosti zešikmení, protože náhled může zakrývat panel nastavení. V této situaci budete muset obnovit stránku.
Měřítko, otáčení, překládání a zkosení
Měřítko funguje, jako byste přibližovali a oddalovali cílový prvek. Výchozí hodnota měřítka je 1, která funguje jako násobitel původní velikosti. To znamená, že 0,5 poloviny, zatímco 2 zdvojnásobí sekci.
Otočte prvek ve směru hodinových ručiček pomocí druhé vlastnosti, která je nastavena ve stupních. Otočením o 180° se objekt postaví vzhůru nohama, zatímco záběr o 360° se vrátí do původní vzpřímené polohy. Nastavte libovolnou kladnou nebo zápornou hodnotu nebo dokonce desetinná místa.
Přeložit posune prvek o pixely související s jeho původní pozicí. Hodnota X horizontálně, zatímco Y vertikálně, když je atribut rotace nula.
Zkoste předměty na jejich horizontální (X) nebo vertikální (Y) ose.
Transformace CSS Vysvětlena
Vlastnost transform CSS umožňuje otáčet, měnit měřítko, zkosit a překládat prvek. Upravuje souřadnicový prostor modelu vizuálního formátování CSS.
Definice a použití
Vlastnost transform aplikuje na prvek 2D nebo 3D transformaci. Tato vlastnost umožňuje otáčet, měnit měřítko, přesouvat, zkosit atd. prvky.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která tuto vlastnost plně podporuje.
Čísla následovaná -webkit-, -moz- nebo -o- určují první verzi, která pracovala s předponou.
Syntax
transform: none|transform-functions|initial|inherit;
