CSS/Funktionen/xywh()

anwendbar auf

• clip-path
• offset-path

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

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

Siehe auch

• Masken und Beschneidungen

  path()-Funktion für Beschneidungen

   
• Pfad-Animationen

  CSS-Animation entlang von Kurven, Schleifen und elliptischen Umlaufbahnen

   

Weblinks

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