CSS/Eigenschaften/mask-repeat

Browserunterstützung
caniuse.com

Die Eigenschaft mask-repeat legt eine Grafik als Maskenfläche fest

Erlaubte Werte

• repeat / no-repeat: 2 Schlüsselwörter für die X- bzw. Y-Koordinate

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

no-repeat

anwendbar auf

alle Elemente

Vererbung

nein

animierbar

nein

Beispiel

img {
  width: 150px;
   mask-image: linear-gradient(transparent, white);
   mask-repeat: repeat no-repeat;
}

 

Beachten Sie: Für ältere Browserversionen wird noch der vendor-prefix -webkit- benötigt.

Siehe auch

• Masken und Beschneidungen/Masken
  • mask-repeat

Weblinks

• Spezifikation (W3C): mask-repeat property
• MDN: mask-repeat
• Details: caniuse.com