CSS/Eigenschaften/mask-position

Browserunterstützung
caniuse.com

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

Standardwert

center

anwendbar auf

alle Elemente. In SVG, alle Elemente außer Definitionsabschnitte

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.

Siehe auch

• CSS/Tutorials/Masken und Beschneidungen/Masken
  • mask-position

Weblinks

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