Design comparison
SolutionDesign
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 :)
Community feedback
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