Skip to content
Submitted over 1 year ago

w/animations, HTML, CSS and JavaScript webpage

SpyrosAliv•100
@SpyrosAliv
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Agency landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Had trouble changing svg image color on hover

Community feedback

  • Cor-Ina•250
    @CorinaMurgPosted over 1 year ago

    Hi Aliv!

    Beautiful work!

    Here's what worked for me for the hover effect:

    • go to the svg file. In the <path> element, change fill="current color".

    • in css, set svg { color: white; } and svg:hover { color: green; }.

    This does require that you use <svg> and not <img> in your html. Hope this helps. Corina

    Marked as helpful
    1

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