Design comparison
SolutionDesign
Solution retrospective
Did anyone else have troubles with adding a hover effect on the button? As long as the transition duration is short the button flickers on hover.
UPD: fixed it with ::before+opacity, thanks to Mohamed for the advice
Community feedback
- @mohamed-magdy26Posted over 1 year ago
well, I think that background-image is not animated so there is a trick that use pesudo-element (::before ) with the opacity of 0 and increase it when hover, with the use of z-index to keep the text above it
you can see my solution here
Marked as helpful0@skulbasPosted over 1 year ago@mohamed-magdy26 omg I'd have never thought of that myself, thank you!
0
Please log in to post a comment
Log in with GitHub
Join 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