CSS-Transform-Generator - Drehen, Skalieren, Neigen und Verschieben kostenlos online
Generieren Sie CSS-Transform-Eigenschaften visuell einschließlich Drehen, Skalieren, Neigen und Verschieben mit Live-Vorschau
CSS-Werkzeuge
Tool
CSS
transform: none;
Anleitung
1Verwenden Sie die Schieberegler, um Werte für Drehen, SkalaX/Y, NeigunqX/Y und VerschiebungX/Y anzupassen
2Beobachten Sie die Live-Vorschau in Echtzeit
3Der Geisterumriss zeigt die Originalposition als Referenz
4Kopieren Sie den generierten CSS-Transform-Code und fügen Sie ihn in Ihr Stylesheet ein
Häufig gestellte Fragen
Die CSS-Transform-Eigenschaft ermöglicht es, ein Element im 2D- oder 3D-Raum zu drehen, skalieren, neigen und verschieben, ohne das Dokumentlayout um es herum zu beeinflussen.
Ja. CSS transform akzeptiert eine durch Leerzeichen getrennte Liste von Funktionen, z.B. transform: rotate(45deg) scaleX(1.2) translateX(50px). Der Generator gibt nur die nicht-standardmäßigen Werte aus, um den Code sauber zu halten.
Nein. Im Gegensatz zum Ändern von margin oder position beeinflusst transform nicht das Layout der umgebenden Elemente. Das Element wird visuell verschoben, aber sein ursprünglicher Platz bleibt im Dokumentfluss reserviert.
Drehen und Neigen verwenden Grad (deg), Verschieben verwendet Pixel (px) und Skalieren ist einheitenlos (ein Multiplikator der Originalgröße).