Referenz:CSS/Eigenschaften/mask-image

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft mask-image CSS 3.0
Beschreibung legt eine Grafik als Maskenfläche fest
erlaubte Werte
  • none
  • URI: referenziert ein Bild oder eine CSS-Grafik
default-Wert

none

anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Vererbung nein
animierbar nein
Browsersupport
  • Chrome
  • Leer
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif mask-image property
Beispiel
img {
  width: 150px;
   mask-image: linear-gradient(transparent, white);
}
Beachten Sie

Für die mask-image-Eigenschaft wird noch der vendor-prefix -webkit- benötigt.

Tipp