CSS/Eigenschaften/mask-position

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Die Eigenschaft mask-position legt die Position der Maskenfläche fest.

erlaubte Werte
  • 2Längenangaben: für x-Offset und y-Offset
  • Schlüsselwort: center, left, right bzw.: center, top, bottom
  • Vererbung steuernde Werte inherit, initial, unset und revert
  • Defaultwert: center
anwendbar auf alle Elemente. In SVG, alle Elemente außer Definitionsabschnitte (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar ja, als Liste von Einzelwerten oder Prozentwerten
Beispiel
img {
  width: 150px;
   mask-image: linear-gradient(transparent, white);
   mask-position: 20% 20%;
}
 
Beachten Sie: Für die mask-position-Eigenschaft wird noch der vendor-prefix -webkit- benötigt.
Empfehlung: Die Werte entsprechen den Werte der background-position-Eigenschaft.

Weblinks

Siehe auch