Design comparison
Solution retrospective
Hello everyone! With this challenge and the challenges that I've tried before I have seen in the active guide that some .svg images change the color. I've been trying to do that but I'm not sure how to do it, I've been taking a look online but haven't been able to find a resource that explains how .svg images work. If any of you has an idea or knows where I should look I would really appreciate it!!
Community feedback
- Account deleted
Hello Lorenzo,
Answering your question, with the property filter you can change a .svg image color. For example:
filter: invert(57%) sepia(39%) saturate(1870%) hue-rotate(326deg) brightness(101%) contrast(96%);
This line of code change the .svg color to orange. You can use this to convert hexadecimal color to filter. https://isotropic.co/tool/hex-color-to-css-filter/
If you have any other questions, just tell me.
I hope this can help you.
Marked as helpful0@LfrancosPosted almost 3 years ago@mariafmedinae Thank you so much for the help! I'll try to understand how this works : ) So many things to learn and this seems like a something complex. I need to get so much more experience!
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