@gchristofferson
Posted
Hey @fraserwat 🙋♂️
Nice job! Practically pixel perfect.
What I would do to fix your orange filter is remove all the styles associated with image-filter::before
. Then on .image-filter
I would add the orange background color and the same border radius as your image. Then on your image I would add mix-blend-mode: multiply
. You might add some opacity, maybe .75 to lighten the image up a bit too for a better match. Here's an example:
https://codepen.io/Gregg-Christofferson/pen/qBXapGJ
Hope that helps!
@fraserwat
Posted
@gchristofferson this is such a useful function - had no idea about this one, cheers!!!