CODEWITHSUNDEEP
cssgoogle-chromefirefoxwebkit
michael jones
michael jones

Reputation: 740

Alternative for -webkit-filter in Mozilla Firefox

I was reading this page on stackoverflow: Change color of PNG image via CSS?. I was reading the reply by ravitadi, and he said you could change your pictures color with -webkit-filter.

My question is how could I use -webkit-filter in Mozilla Firefox. As you know -webkit-filter would not work there, so is there a alternative CSS property to use instead? I know this works in Chrome, but I need this to work in all browsers! :)

Upvotes: 1

Views: 2081

Answers (1)

Alexander O'Mara
Alexander O'Mara

Reputation: 60527

Just use filter, without the -webkit- prefix. It will work in Firefox 35 and up. If you need support for older Firefox versions, look into SVG filters. MDN has an article entitled Applying SVG effects to HTML content on the issue.

Upvotes: 4

Related Questions