Skip to content
Submitted almost 3 years ago

Desktop first design

Karthik suryadevara•825
@karthik2265
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

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

Community feedback

  • Nasim Reja•220
    @nasim67rejaPosted almost 3 years ago

    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
    1
  • optimusprime202•1,200
    @optimusprime202Posted almost 3 years ago

    Hey @karthik2265, Exactly right!

    Marked as helpful
    0
    Karthik suryadevara•825
    @karthik2265Posted almost 3 years ago

    @optimusprime202 thank you 😄

    1
  • Karthik suryadevara•825
    @karthik2265Posted almost 3 years ago

    Thank you for the feedback 😀

    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