Bis 2020 war ich kein großer Fan von Mischmodi, da ich kaum eine Vorstellung davon hatte, welches Ergebnis sie liefern konnten, ohne sie auszuprobieren. Und die Herangehensweise "probiere es aus und schau, was passiert"...
In diesem Beitrag werden wir mit CSS-Superkräften einen visuellen Effekt erzeugen, bei dem sich zwei Elemente überlappen und miteinander verweben. Die Erleuchtung für dieses Design kam während eines kurzen Anflugs spiritueller Neugier, der mich zu The … führte.
Eines Sonntagmorgens wachte ich ein wenig früher als gewollt auf, dank des anhaltenden Summens meines Telefons. Ich griff danach, tippte auf Facebook Messenger und trat in die Konversation ein. Schon bald richtete sich meine Aufmerksamkeit auf das …
Bin auf diesen Thread gestoßen
…CSS-Superfreunde! Habt ihr Beispiele gesehen, wie man mehrzeiligen, gepolsterten Text wie in diesem Artikel auf @css (https://#/2j8p4jmaT4) macht, aber mit einem Gradienten, der sich nicht für jede Zeile zurücksetzt? pic.twitter.com/MVPdAjxt1W
— Dan Mall (@danmall)
Die Eigenschaft mix-blend-mode bestimmt, wie der Inhalt eines Elements mit seinem Hintergrund vermischt werden soll. Zum Beispiel könnte der Text eines <h1 auf interessante Weise mit dem Hintergrund dahinter vermischt werden.
.blend {
mix-blend-mode: exclusion;
}In der …
