CSS/Funktionen/skewX()

Die skewX()-Funktion definiert eine Transformation, die ein Element in horizontaler Richtung auf der 2D-Ebene schräg stellt. Ihr Ergebnis ist ein Datentyp <Transformationsfunktion>.

Parameter	ein (positives oder negatives) Winkelmaß in deg für die horizontale Verzerrung. Positive Werte bewirken eine Verzerrung gegen den Uhrzeigersinn.
anwendbar auf	* HTML-Blockelemente, mit Ausnahme von nicht ersetzten Inline-Elementen SVG-Elemente
Browsersupport	caniuse: mdn-css_types_transform-function_skewX

Beispiel

  ul a {
    ...
    transform: skewX(-30deg);
  }

Die Links werden angeschrägt dargestellt: angeschrägtes Menü aus Parallelogrammen

Weblinks

• CSSWG: The Transform Functions CSS Transforms Module Level 2
  • 2D Transform Functions CSS Transforms Module Level 1
• MDN: skewX()

Siehe auch

• Transform
  • Transform#transform-Eigenschaft
    • angeschrägtes Menü aus Parallelogrammen
  • SVG-Transformationen
    • Scherung mit skew