CSS/Funktionen/xywh()

Die xywh()-Funktion erzeugt ein Rechteck, dessen Werte dem des SVG-rect-Elements entsprechen..

Parameter	Syntax offset-path: xywh(0 1% 2px 3% round 0 1px 2% 3px); clip-path: xywh(1px 2% 3px 4em round 0 1% 2px 3em); vier Längenangaben, Prozentwerte optional das Schlüsselwort round gefolgt von ein bis vier Längenangaben
anwendbar auf	* clip-path offset-path
Browsersupport	caniuse: {{{caniuse}}}

Beispiel

offset-path: xywh(0 1% 2px 3% round 0 1px 2% 3px);
clip-path: xywh(1px 2% 3px 4em round 0 1% 2px 3em);

 

Weblinks

• CSSWG.org: xywh()
• MDN: xywh()

Browserunterstützung
caniuse.com

Siehe auch

• Masken und Beschneidungen
  xywh()-Funktion für Beschneidungen
• offset-path
  CSS-Animation entlang von Pfaden