Design comparison
Solution retrospective
I can make the view (eye icon) active state small. tried my best but to no avail.
Community feedback
- @KonstantinchristPosted almost 2 years ago
Hi @hafsatun2020, in my opinion your project is perfect, but still I highly advise you to add some transition to the hover background at the nft image.
Example:
.NFT-image{ transition: background-color 150ms;}
I hope I was able to help you!
Marked as helpful1@hafsatun2020Posted almost 2 years ago@Konstantinchrist thanks. i dont know what that is but i will look it up!
0 - @chuckstervPosted almost 2 years ago
Hey mate. Good job on completing the challenge. I just finished it today myself. My approach was a little different.
- Instead of trying to manipulate the image, I created a section to contain the eye image.
- I styled that according to the specifications, used a position absolute on there and a position relative on the parent element.
- Then it was just manipulating the opacity on a hover.
Hopefully that helps! There might be a solution to get it working with the changing the image content itself like you've tried but this might be a good alternate solution if not.
Happy Coding!
1
Please log in to post a comment
Log in with GitHubJoin 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