Change colors to image with css

0

they sent me the following sketch, and the colors of the images change when the menu opens.

As you can see there the images of social networks and contact us is fuchsia.

But when the menu opens the colors change to white, I know I can change loading different images but they ask me with styles, and I do not know how to do it without using photoshop ...

    
asked by Andrés Vélez 11.05.2018 в 22:07
source

2 answers

1

if they are labels you can not change the colors, there is the best way is to have two types of icons one fuchsia and another white and when you open the menu, change icon by javascript.

now if the icons are alguin typography type classes like fontawesome if you can change the icon with "Color: # 000"

    
answered by 11.05.2018 / 22:17
source
0

Another alternative is to make the icons negative with transparent PNG and change the color of the background (although this will not work if the background and color of the icons change)

Or use svg images, that you can change the color via css (but only putting them inline, without referencing them)

Or include them in the CSS as base64 images, if they are few and / or small and put them as background.

Or that you use normal PNG images and use the CSS filter functions to change the color link

    
answered by 14.05.2018 в 00:07