Start·CSS-Eigenschaften

mask-image

Effekte

Blendet Teile nach der Helligkeit eines Bildes aus — gut für weiche Kanten.

Schreibweisemask-image: none;
Gängige Wertenone, linear-gradient(black, transparent)
VererbtNein — sie endet hier
KategorieEffekte

So liest man das

  • Eine vererbte Eigenschaft schreibt man einmal am Elternelement — alle Kinder übernehmen sie. Die meisten Texteigenschaften sind so.
  • Eine Kurzschreibweise setzt Weggelassenes zurück. Nur background: red löscht auch ein zuvor gesetztes Hintergrundbild.
  • Kollidieren Regeln, gewinnt der spezifischere Selektor; erst bei gleicher Spezifität zählt die Reihenfolge.
  • Animieren Sie transform und opacity — das bleibt flüssig. width oder top zwingt zur Neuberechnung des Layouts.

Häufige Fragen

Q. Was ist die CSS-Eigenschaft mask-image?

Blendet Teile nach der Helligkeit eines Bildes aus — gut für weiche Kanten.

Q. Wie schreibt man mask-image?

Als mask-image: none; Gängige Werte sind none, linear-gradient(black, transparent).

Q. Wird mask-image vererbt?

Nein. Sie gilt nur dort, wo sie steht — jedes Element braucht seine eigene Angabe.

Q. Zu welcher Gruppe gehört mask-image?

Zur Gruppe Effekte.

Eigenschaften derselben Gruppe

Referenzdoku