CSS/Eigenschaften/mask

Browserunterstützung
caniuse.com

Die Eigenschaft mask erlaubt es, nur Teile eines Elements darzustellen, indem eine Maske über das Element gelegt wird

Erlaubte Werte

• URI: referenziert Maske
• none:
• inherit: erbt den mask-Wert des Elternelements

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

none

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

ja

Beispiel

.radial { 
	mask: radial-gradient( black 40%, transparent 70%);
}

Über das Element mit der Klasse .radial wird eine Maske gelegt, die aus einem kreisförmigen Verlauf besteht und das Bild entsprechend verdeckt. Nur die Stellen mit einem schwarzen Alpakanal lassen die Grafik durchscheinen.

Siehe auch

• Masken und Beschneidungen/Masken
  • mask

Weblinks

• Spezifikation (W3C): mask property
• MDN: mask shorthand property
• Details: caniuse.com