Design comparison
SolutionDesign
Solution retrospective
I have no idea how to make hover overlay on image with changing colors
Community feedback
- @GeorgeFargPosted over 2 years ago
Hello @Karolfm12 great job so far the design looks niceπ although the eye looks kinda scary π
well first the Equilibrium #3429 text should be bolder
second for hover effect you can use pseudo elements and cover the image and give it a background (the eye) without repeat and set the position center center
this how I did it.
0 - @lucasscattolinPosted over 2 years ago
I don't know if this is the best way, but is what I did. I'll leave a link below in case that you want to see my code.
- I create a div inside the image, that in not visible until the hover status is active.
- I also use the rgba instead of the opacity.
Hope this help!
0
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