@shravanchinchkarSubmitted 8 months ago
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"
Latest solutions
Mortgage Calculator using HTML, CSS & JS
#accessibilitySubmitted 7 months agoUsing commas on the amount input field and also when displaying the results. I'm still looking to this but any help would be appreciated.
Todo App with HTML, CSS & JS
Submitted 9 months agoI built this a long time ago and I'm currently working on new projects so any help with not allowing the add todo button to add an empty todo would be welcome
Intro section with dropdown navigation using HTML, CSS & JS
Submitted 10 months agoCurrently on mobile you can only view the dropdowns if you're using an android. I did my research and ios does not really work with hover states and the solutions i found on the internet are no longer working(since 2014), its like ios has become even stricter on hover states. So I would very much like help with that. Thank you
Agency Landing Page using HTML,CSS & JS
Submitted 10 months agoReplicating the menu the way it is in the challenge preview
Latest comments
- @DeeNue36Posted 8 months ago
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
