[FIXED] Gibt es eine Möglichkeit, Photoshops Overlay -Filter mit CSS nachzuahmen?

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-modeAttribut funktioniert jetzt in den meisten Browsern und pixastic scheint verschwunden zu sein.


Beantwortet von –
Hughes


Antwort geprüft von –
Terry (FixError Volunteer)

0 Shares:
Leave a Reply

Your email address will not be published. Required fields are marked *

You May Also Like