CSS/Eigenschaften/mask-position

Aus SELFHTML-Wiki
CSS‎ | Eigenschaften(Weitergeleitet von Mask-position)
Wechseln zu: Navigation, Suche
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 ältere Browserversionen wird noch der vendor-prefix -webkit- benötigt.
Empfehlung: Die Werte entsprechen den Werte der background-position-Eigenschaft.

Siehe auch

Weblinks

Liste der CSS-Eigenschaften

Abgerufen am 4.11.2025
von "http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/mask-position"