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
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

Weblinks