SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt! → Veranstaltungs-Ankündigung.
CSS/Eigenschaften/mask-image
Aus SELFHTML-Wiki
< CSS | Eigenschaften(Weitergeleitet von Mask-image)
Die Eigenschaft mask-image legt eine Grafik als Maskenfläche fest
- Erlaubte Werte
none- url(): referenziert ein Bild oder eine CSS-Grafik
- image-set()
- Vererbung steuernde Werte
inherit,initial,unsetundrevert - Standardwert
none
- anwendbar auf
alle Elemente
- 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 ältere Browserversionen wird noch der vendor-prefix -webkit- benötigt.
Siehe auch
Weblinks
- Spezifikation (W3C): mask-image property
- MDN: mask-image
- Details: caniuse.com
Liste der CSS-Eigenschaftem
- Positionierung und Anzeige
- Abstände
- Benutzeroberfläche
- Container
- generierter Inhalt
- Größenangaben
- Box-Ausrichtung
- Flexbox Layout
- Grid Layout
- Hintergründe
- Listen
- Tabellen
- Scroll Snap
- Rahmen und Schatten
- Schriftformatierung
- Textformatierung
- Textausrichtung
- Umbruchsteuerung
- Transformationen
- Animationen
