Ausbreitung des Coronavirus führt zu immer mehr Tafel-Schließungen

Um 1,6 Millionen bedürftige Tafel-Nutzer:innen jetzt nicht allein zu lassen, ruft Tafel Deutschland e.V. zu Solidarität und Unterstützung auf. Sie wollen helfen? Informationen finden Sie unter tafel.de.

Coronacharityshop.png

Eine weitere Möglichkeit ist der Einkauf im CoronaCharityShop – alle Einnahmen gehen zu 100 % an die Tafeln. Herzlichen Dank für Ihre Unterstützung.

Referenz:CSS/Eigenschaften/mask-position

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Eigenschaft mask-position CSS 3.0
Beschreibung legt 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
default-Wert

center

anwendbar auf alle Elemente. In SVG, alle Elemente außer Definitionsabschnitte (Unterschied Tag Element Attribut)
Vererbung nein
animierbar ja, als Liste von Einzelwerten oder Prozentwerten
Browsersupport
  • Chrome
  • Leer
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif mask-position property
Beispiel
img {
  width: 150px;
   mask-image: linear-gradient(transparent, white);
   mask-position: 20% 20%;
}
Beachten Sie

Für die mask-image-Eigenschaft wird noch der vendor-prefix -webkit- benötigt.

Tipp

Die Werte entsprechen den Werte der background-position-Eigenschaft.