Gibt es eine Möglichkeit, den Inhalt eines Div mit einem Bild-Overlay zu schneiden?Clipping mit PNG in CSS
Ich habe versucht zu verwenden: background-clip und etwas ähnliches, aber kann nicht scheinen, es herauszufinden!
hier gesehen:
https://codepen.io/brycesnyder/pen/pwdoWW
Ich möchte nur die rote innerhalb der grauen Bildbereich angezeigt werden.
Ich habe es mit experimentellen Technologien herausgefunden.
Um ein Bild als Beschneidungspfad für verschiedene Dinge zu nutzen, können Sie die Eigenschaft: „Maske“
hier gesehen: https://developer.mozilla.org/en-US/docs/Web/CSS/mask
Obwohl, müssen Sie es als Präfix.
Um die genaue Form zu finden, müsste man ein wenig nachnutzen, aber man kann hier die Prinzipien - https://css-tricks.com/examples/ShapesOfCSS/ - verwenden, vor allem die Eigenschaften für die Randbreite und den Randradius, um das Div zu "formen".
(alle Formen, die auf die gemeinsam genutzten gezeigt/CSS sind:
Wenn ich Sie wäre, würde ich mit einer Kombination aus starten css-tricks Link oben.)
Verwenden Sie einen Bildeditor, um den äußeren transparenten Bereich des Schildbildes mit dem Ihres Inhaltshintergrunds zu verbinden (usua lly weiß) – pokeybit