JuvoGenesis👾• 2,010
@AkoToSiJeromeEh
Posted
Hey ! Great work out there i just notice that the stats image does not have a color overlay as the original design has , to achieve the color overlay you can add a background-color on .img and giving the image element css properties which is mix-blend-mode by applying this properties you can achieve the image color overlay. that's all happy coding !
.img {
position: relative;
background: hsl(277, 64%, 61%); // add this
}
img {
height: 100%;
width: 100%;
scale: 1;
mix-blend-mode: multiply; // add this
opacity: 0.7; // add this and you can adjust this
}
Marked as helpful
0