Ausgabe
Die Überlagerungsmischung ändert die Farbe des Bildes darüber, anstatt nur die Transparenz zu ändern. Gibt es eine Möglichkeit, dies mit CSS nachzuahmen? Es funktioniert nicht, einfach ein Photoshop-Bild mit der auf Überlagerung eingestellten Ebene zu exportieren und es über einem Hintergrund auf der Webseite zu platzieren.
Lösung
Mit reinem CSS geht das nicht, aber mit Javascript. Schauen Sie sich die Mischfunktion von Pixastic an , sie hat ~20 Mischmethoden, die denen in Photoshop entsprechen.
Hinweis: Diese Antwort ist im Laufe der Jahre weniger genau geworden. Das mix-blend-mode
Attribut funktioniert jetzt in den meisten Browsern und pixastic scheint verschwunden zu sein.
Beantwortet von – Hughes
Antwort geprüft von – Terry (FixError Volunteer)