@ttoomas
Posted
Hi. I write in advance, I'm not an expert, I don't know if it's right, but you can try it.
Create a parent <button>
that will have position: relative
. Then create a pseudo-element :: before
for this button, which will have content: url ("picture")
position: absolute
, opacity: 0
and center it with display: flex
(picture view) . Then add only <img>
to <button>
. Then you do button:hover::before
and add opacity: 1
.
I hope my advice helped!
Marked as helpful
@inesriahi
Posted
@ttoomas This is really helpful. Thank you so much.