Amal Karim ✅• 1,290
@amalkarim
Posted
Hi Tumelo,
If you want to add color overlay on top of the image during hover, there are several approaches that you can use. Here is one example using pseudo element ::before
. Add this to your css file:
.container_blocking::before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
border-radius: 0.6875rem;
background: transparent;
transition: background 0.3s;
}
.container_blocking:hover::before {
background: #00fff877;
}
If you find this comment helpful, feel free to click Mark as helpful
button. Happy coding!
Marked as helpful
0