Design comparison
Solution retrospective
I struggled a lot to get the hover effect in the image, and I don't know if it is the proper way of doing it, so any advice is welcome
Community feedback
- @correlucasPosted over 2 years ago
Hello Rodrigo Molina, congratulations for your challenge solution!
I just saw your solution web page and you did really good, its just amazing, I never saw no one that applied this effect using a circle like you did. I liked a lots!👏👏👏👏👏
I think everything its fine, the only thing about this complex hover effect its that you should note that in touch devices, often the hover effects stay "sticky" and the hover stay enabled forever. One way you can use to avoid this behavior in touch devices is just disable hover effects for touch.
To disable the hover effect only in touch devices you can use this particular
media query
@media (hover: hover) { }
and everything you put inside{ }
will not work as a hover when you`re using a touch device. You should try that is a really useful css property!I hope it helps you and happy coding!
Marked as helpful0@s0alkenPosted over 2 years ago@correlucas Thanks you so much for your feedback! I updated my solution
1
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