CSS/Funktionen/translateX()
Aus SELFHTML-Wiki
CSS | Funktionen
Die CSS-Funktion translateX() positioniert ein Element in horizontaler Richtung neu in einer 2D-Ebene. Ihr Ergebnis ist ein Datentyp <Transformationsfunktion>
- anwendbar auf
- HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen
- SVG-Elemente
- Parameter
- * eine (positive oder negative) Längenangabe für die horizontale Verschiebung,
Beispiel
aside {
transform: translateX(50%);
}
Beachten Sie: Ein Prozentwert bezieht sich auf die Breite des verschobenen Elements, nicht auf die eventuell verfügbare Breite des Elternelements
Siehe auch
Weblinks
- CSSWG: The Transform Functions CSS Transforms Module Level 2
- 2D Transform Functions CSS Transforms Module Level 1
- MDN: translateX()
- Browser-Support: caniuse.com