Submitted over 2 years ago

NFT Preview card challenge

@nirglus

A solution to the NFT preview card component challenge

Solution retrospective

So it's my fifth challenge from Frontend Mentor that I've completed. I had some difficulties to find out how to achive the same result on hover of the image.

Firstly I tried to do it with filters on the image, but then I decided to add another div with the same size of the image and just set the opacity to 0, so it won't be visible when you're not hovering on it.

It was fun and a good practice, if you have any tips feel free to share :)

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on nirglus's solution.

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