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

w/animations, HTML, CSS and JavaScript webpage

SpyrosAliv 100

@SpyrosAliv

Desktop design screenshot for the Agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Had trouble changing svg image color on hover

Community feedback

Cor-Ina 250

@CorinaMurg

Posted

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