Skip to content
Submitted over 2 years ago

NFT card component solution with vanilla HTML5 and CSS3

Emir Hadzic•60
@Emir985
A solution to the NFT preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I attempted to make this with only HTML5 and CSS3, however, the most difficult part I had was making the hover animation with the eye.

The solution I came up with was wrapping them and giving the parent element and image a position relative and the overlay position absolute, then using hover to increase the opacity.

Do you guys have any advice for an easier alternative?

Code

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Emir Hadzic'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