clipboard-landing-page solution

Community feedback

• 

  Enmanuel Otero Montano•2,155

  @Enmanuel-Otero-MontanoPosted 11 months ago

  Hello @Subhsree!

  It is difficult to achieve the same challenge by putting the social media icons as images (<img> tag), you can change the color using properties like filter and drop-shadow, but this will apply the set color over the entire image, which It will not be as the design requires.

  I think the ideal solution would be to put the icons directly as svg and then use the fill property on the hover

  Example:

  .footer__container-socials--svg:hover {
          fill: hsl(171, 66%, 44%);
   }
  

  Share the link to my solution so you can understand better.

  solution on github

  Greetings, I hope it helps you.

  Marked as helpful

  0

  ---

  

  Subhashree Sethi•80

  @SubhsreePosted 11 months ago

  hello @Enmanuel-Otero-Montano Thank you so much for your helpful feedback.after seen your solution now i just found which areas i need to improve my coding.. once again thank you so much for your time and feedback.

  1
• 

  Rakesh•330

  @rakeshdeepPosted 11 months ago

  Hey @Subhsree , You can use masking property of css for changing color on hovering a svg image. It will give you 100% same result as you want. It's not that much difficult as you thinking 🙂

  0