Design comparison
SolutionDesign
Solution retrospective
Could someone explain how to get the green filter over the image like in the active-state example.
thank you!
Community feedback
- @quadri101Posted over 2 years ago
-The card looks squished on phones
You could have used rem for the container width instead of viewport-width
#To get the green filter effect over the image# -Wrap the image and an empty div in a div
- give the parent div a position relative and child position absolute. -then
.child { left:0; top:0; height:100%; width:100%; opacity:0; background-color: color; } .parent:hover .child{ opacity: .3; }
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