CSS/Funktionen/path()
Aus SELFHTML-Wiki
< CSS | Funktionen(Weitergeleitet von Path())
Die path()-Funktion beschreibt einen Pfad.
Parameter |
Syntax
|
---|---|
anwendbar auf | * clip-path |
Beispiel
img {
width: 250px;
height: 250px;
object-fit: cover;
clip-path: path('m 300,300
l-100,-100
a 50,50 90 0,1 100,-75
a 50,50 90 0,1 100,75
z');
margin: 0;
}
Das Bild wird entsprechend der Pfadangabe zu einem Herz ausgeschnitten.
Weblinks
- CSSWG.org: the path() notation
- MDN: path()
- Browserunterstützung
- caniuse.com
Siehe auch
- SVG/Tutorials/Pfade - Übersicht über alle Pfadkommandos
- CSS/Tutorials/Masken und Beschneidungen/clip-path path()-Funktion für Beschneidungen
- CSS/Tutorials/Animation/offset#offset-path Animation entlang von Pfaden
- SVG/Tutorials/Shape-Morphing#d_als_Präsentationsattribut
Liste der CSS-Funktionen
- Berechnungen und Vergleiche
- Farben und Verläufe
- intrinsische Abmessungen
- Transformationen