Ferβ’ 3,970
@fernandolapaz
Posted
Hi ππ», regarding your comment:
- You could have used
background-color: hsla(178, 100%, 50%, 0.5)
and thenopacity: 1
on hover, like so:
.bg {
position: absolute;
opacity: 0;
width: 300px;
height: 300px;
border-radius: 10px;
background-color: hsla(178, 100%, 50%, 0.5);
display: flex;
justify-content: center;
align-items: center;
}
.bg:hover {
opacity: 1;
cursor: pointer;
}
- And remember that when there is a hover state over an element it means that it is interactive, so there must be an interactive element around it (like a link or a button). So, the image should be wrapped with
<a>
or<button>
(depending on what happened when clicking on it), and also 'Equilibrium #3429' and 'Jules Wyvern' should be wrapped with the<a>
tag.
I hope itβs useful : )
Regards,
Marked as helpful
0