Skip to content
Submitted over 3 years ago

Desktop first design

react
P
Karthik suryadevara•865
@karthik2265
A solution to the E-commerce product page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

How to change the color of SVG, when hovered? I set the background image as SVG to a div and tried changing the fill and color in CSS, it didn't work.

Thank you

Code

Please log in to post a comment

Log in

Community feedback

  • Nasim Reja•220
    @nasim67reja

    fill will only work for inline svg. Use inline svg for more control.By using img tag or background you won't be able to change the color by fill property. Check this playlist

    Marked as helpful
  • optimusprime202•1,160
    @optimusprime202

    Hey @karthik2265, Exactly right!

    Marked as helpful
  • P
    Karthik suryadevara•865
    @karthik2265

    Thank you for the feedback 😀

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