CSS/Funktionen/skewX()

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Siehe auch