madhukar-30• 270
@madhukar-30
Posted
just give position: relative to overlay div and use after ::after pseudo element to place the color over image the and then use mix-blend-mode property code:
.overlay {
width: 500px; position: relative;
}
.overlay::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: hsl(277,64%,61%);
mix-blend-mode: multiply;
}
Hope it helps 👍
Marked as helpful
0