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