JEVN-MVRC• 160
@Jean-Marc18
Posted
Hello Enis67 👋. Congratulations on successfully completing the challenge! 🎉 I have other recommendations regarding your code that I believe will be of great interest to you.
Try to do that :
HTML :
<div class="hiding">
<img src="images/image-equilibrium.jpg" alt="image-equilibrium">
<div class="background">
<img class="hide" src="images/icon-view.svg" alt="icon-view">
</div>
</div>
CSS :
.hiding{
position: relative;
border-radius: 0.8rem;
}
.background{
position: absolute;
height: 99%;
width: 100%;
top: 0;
background: hsla(178.1, 100%, 50%, 0.47);
border-radius: 0.8rem;
display: flex;
align-items: center;
justify-content: center;
opacity : 0;
}
.background:hover{
opacity: 1;
}
.hide {
/*All removed*/
}
I have'nt tested before sent you.
0