Referenz:CSS/Eigenschaften/mask-position

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft mask-position CSS 3.0
Beschreibung legt 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
default-Wert

center

anwendbar auf alle Elemente. In SVG, alle Elemente außer Definitionsabschnitte (Unterschied Tag Element Attribut)
Vererbung nein
animierbar ja, als Liste von Einzelwerten oder Prozentwerten
Browsersupport
  • Chrome
  • Leer
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif mask-position property
Beispiel
img {
  width: 150px;
   mask-image: linear-gradient(transparent, white);
   mask-position: 20% 20%;
}
Beachten Sie

Für die mask-image-Eigenschaft wird noch der vendor-prefix -webkit- benötigt.

Tipp

Die Werte entsprechen den Werte der background-position-Eigenschaft.