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

Product-List-Cart

@shravanchinchkar

Desktop design screenshot for the Product list with cart coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What specific areas of your project would you like help with?

I want a help in "How to change the fill of an svg when it is hovered"

Community feedback

Dugidem 160

@DeeNue36

Posted

To be able to fill an svg image on hover you have to use it as an <svg> element and not an <img> element. Open the svg image in your browser, open devtools and copy what you see or open it in your code editor and copy it. Give the <svg> element a class or an id then add a "fill-rule" of nonzero or evenodd to the path of the <svg>. You can take out the fill color from the path and put it in your class style, :hover should work now.

Let me know if this helps.

0

Dugidem 160

@DeeNue36

Posted

@shravanchinchkar No problem

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