CSS/Funktionen/translateY()

Browserunterstützung
caniuse.com

Die CSS-Funktion translateY() positioniert ein Element in vertikaler 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 vertikale Verschiebung

Beispiel

aside {
  transform: translateY(100px);
}

Das aside wird um 100px nach unten verschoben.

Beachten Sie: Ein Prozentwert bezieht sich auf die Breite des verschobenen Elements, nicht auf die eventuell verfügbare Breite des Elternelements

Siehe auch

• Transform
  • Transform#transform-Eigenschaft
  • SVG-Transformationen
• CSS/Eigenschaften/translate

Weblinks

• CSSWG: The Transform Functions CSS Transforms Module Level 2
  • 2D Transform Functions CSS Transforms Module Level 1
• MDN: translateY()
• Browser-Support: caniuse.com