CSS/Eigenschaften/mask-repeat

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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
  • Defaultwert: no-repeat
anwendbar auf alle Elemente (Unterschied Tag Element Attribut)
Browsersupport Details: caniuse.com
Vererbung nein
animierbar nein
Beispiel
img {
  width: 150px;
   mask-image: linear-gradient(transparent, white);
   mask-repeat: repeat no-repeat;
}
 
Beachten Sie: Für die mask-repeat-Eigenschaft wird noch der vendor-prefix -webkit- benötigt.

Weblinks

Siehe auch