Design comparison
SolutionDesign
Solution retrospective
How do you get the image to turn that color on hover? I just couldn't figure it out! Any and all feedback would be appreciated!
Community feedback
- @catherineisonlinePosted almost 3 years ago
I simply created another div with position absolute, placed it over the picture, and made it appear on hover, feel free to check out my solution for this project. Also, to avoid accessibility issues make sure to:
- Add an alt to img tag
- Wrap everything in main tag
- In img tag you use a backslash here: images\image-equilibrium.jpg. You need to use a forward slash (/).
- Finally, you don't need src in a tag like here <a href=`` src=
#
>Jules..
Marked as helpful3 - @rodukaoPosted almost 3 years ago
Hey, Jerica! You could use some overlay with transparency and set opacity 0. Then set the opacity up when mouse hover.
Marked as helpful1
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