Change color of PNG image via CSS

0 votes
Is it feasible to modify the colour of a transparent PNG displaying a plain white shape using CSS? Is there some kind of overlay or something?
Jun 1 in CSS by Edureka
• 9,800 points
282 views

1 answer to this question.

0 votes

The simplest one line that worked for me:

filter: opacity(0.5) drop-shadow(0 0 0 blue);

To make the colour lighter or darker, change the opacity from 0 to 1.

answered Jun 1 by Edureka
• 9,540 points

Related Questions In CSS

0 votes
1 answer

CSS filter: make color image with transparency white

You can use filter: brightness(0) invert(1); READ MORE

answered Jun 28 in CSS by Edureka
• 9,540 points
96 views
0 votes
0 answers

Looping Animation of text color change using CSS3

I have text that I want to ...READ MORE

Jun 22 in CSS by Edureka
• 9,800 points
9 views
0 votes
0 answers

CSS: background image on background color

If this panel is chosen, a panel ...READ MORE

Jun 22 in CSS by Edureka
• 9,800 points
21 views
0 votes
1 answer

CSS: Set a background color which is 50% of the width of the window

You can make a hard distinction instead ...READ MORE

answered Jun 28 in CSS by Edureka
• 9,540 points
41 views
0 votes
1 answer

CSS Border on PNG image with transparent parts

 There is a way to accomplish this ...READ MORE

answered Jun 13 in CSS by Edureka
• 9,540 points
229 views
0 votes
1 answer

Render HTML to an image

To answer your question, there are a ...READ MORE

answered Feb 8 in Java by Soham
• 8,740 points
418 views
0 votes
0 answers

seo - images and h1

I like to have logos instead of ...READ MORE

Mar 9 in Digital Marketing by Kichu
• 19,040 points
58 views
0 votes
0 answers

When to use IMG vs. CSS background-image?

In what situations is it more appropriate ...READ MORE

Mar 10 in Digital Marketing by Kichu
• 19,040 points
33 views
0 votes
1 answer

Is there any way to colorize a white PNG image with CSS only?

Filters can be used with -webkit-filter and ...READ MORE

answered May 27 in CSS by Edureka
• 9,540 points
66 views
0 votes
1 answer

Change a HTML5 input's placeholder color with CSS

There are three implementations available: pseudo-elements, pseudo-classes, ...READ MORE

answered Jun 10 in CSS by Edureka
• 9,540 points
36 views
webinar REGISTER FOR FREE WEBINAR X
Send OTP
REGISTER NOW
webinar_success Thank you for registering Join Edureka Meetup community for 100+ Free Webinars each month JOIN MEETUP GROUP