Looking to hire developers?
How to change the color of the icon while it's on the hover state? Feedback welcome.
@phichayut-pak
Posted
Hi, I've also completed this one. For the question you asked, you might wanna make use of positions (relative and absolute). If you're fine with studying new things, I would suggest TailwindCSS, it comes up with easy things. We can simply use group, and toggle on/off with group-hover.
However, you've done a great job! Well done! Keep it up š„š„
Marked as helpful
@mohitboyidapu
Posted
Its very good, I've completed the same challenge today. Layout looks on point. keep it up buddy!
Marked as helpful
@akhademik
Posted
About your question you can do like this:
div. Normal
div:hover 1 put image 2 put background-color 3 mix-blend-mode: and chose whatever style you like. It like putting an overlay to the icon/image
Or
div normal div::before icon div::after background color and set opacity so you can see the icon through
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
