Design comparison
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?
Community feedback
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