CSS/Eigenschaften/mask-image

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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, unset und revert
  • Defaultwert: none
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

Siehe auch