Design comparison
SolutionDesign
Solution retrospective
Hi !
I would like feedback on my code, More precisely the part where I apply a filter on the image. I can't seem to have the same rendering.
Thank you !
Community feedback
- @notFacerollPosted about 3 years ago
Hey!
Using mix-blend-modes to achieve the correct/similar filter would be really helpful. You could just change the background-image from the container to a background-color and insert an img element there with the image source and mix them with blend mode, or just make two properties "background-image" and "background-color" and mix them. Check these links for a more accurate answer!
- https://css-tricks.com/basics-css-blend-modes/
- https://css-tricks.com/almanac/properties/m/mix-blend-mode/
- https://www.w3schools.com/cssref/tryit.asp?filename=trycss_mix-blend-mode-all
Marked as helpful0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord