Design comparison
Solution retrospective
I had problem adding the eye icon in hover state, I tried making the main image(equalibrium NFT image) a background image but I coudn't reduce the size of the eye icon when hovering because it would collapse the whole main image too. So any kind of solution would be appreciated. I haven't learnt javascript yet so I need the solution in CSS. Thanks in advance
Community feedback
- @Ebadullah-NawabiPosted over 1 year ago
I did find one solution by adding eye icon in one box(eye-icon-box) and the main img in img-box then giving the (eye-icon-box) an opacity of zero and set its position to absolute then making the opacity of eye-icon-box to 1 while hovering the img-box I would still appreciate other kinds of solutions aswell.
0
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord