CSS/Eigenschaften/mask-image
Aus SELFHTML-Wiki
< CSS | Eigenschaften
Die Eigenschaft mask-image legt eine Grafik als Maskenfläche fest.
erlaubte Werte |
|
---|---|
anwendbar auf | alle Elemente (Unterschied Tag Element Attribut) |
Browsersupport | Details: caniuse.com |
Vererbung | nein |
animierbar | nein |
Beispiel
img { width: 150px; mask-image: linear-gradient(transparent, white); }
Als Schablone wird mit der url()-Funktion ein Verlauf erzeugt, der über das Element gelegt wird.
Beachten Sie: Für die mask-image-Eigenschaft wird noch der vendor-prefix -webkit- benötigt.
Weblinks
- Spezifikation (W3C): mask-image property
- MDN: mask-image
Siehe auch
Liste der CSS-Eigenschaften
- Positionierung und Anzeige
- Abstände
- Benutzeroberfläche
- Druckausgabe
- generierter Inhalt
- Größenangaben
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Rahmen und Schatten
- Schriftformatierung
- Textausrichtung
- Animationen