Responsive Card using CSS Flex-box
Design comparison
Solution retrospective
How to overlay a color on an image in a div?
Community feedback
- @PillinPosted about 3 years ago
Hiii!!, you can try to use mix-blend-mode, there is an example here: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_mix-blend-mode-all. the one that comes closest to it is the multiply =). Also, It isn't similar to the color, but it is closest.
0@MuhammadKaleemRazaPosted about 3 years ago@Pillin Thank you! I appreciate your help.
0 - @MahirPrcanovicPosted about 3 years ago
"How to overlay a color on an image in a div?"
I personally used linear-gradient() (you can google it how it works it's pretty simple) This is how i did it: background: linear-gradient(rgba(170, 92, 219, 0.5), rgba(170, 92, 219, 0.5)), url("./images/image-header-desktop.jpg");
It might not be fully right with color but i gave it my best shot
0@MuhammadKaleemRazaPosted about 3 years ago@MahirPrcanovic Thank you man! I appreciate it.
1
Please log in to post a comment
Log in with GitHubJoin 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