Besuchen Sie unseren Adventskalender 2022!

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