Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Results Summary component

anna 80

@skulbas

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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-magdy26

Posted

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 helpful

0

anna 80

@skulbas

Posted

@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
Discord logo

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