+ 2

The filters properties are not working

Any value didn't make a change even in the examples

13th Nov 2018, 4:20 PM

Mohamed A. Mahmoud

4 Answers

+ 9

Moha Mahmoud No, that's not true, it does work. Share what you have and people shall show you where you went wrong. {also specify the category, whether css, or somewhere else.}

19th Nov 2018, 3:56 PM

Mark 🇺🇬

+ 7

Moha Mahmoud I didn't see your comment soon enough. I think it worked well for you having included the "-webkit-" as suggested by LST

9th Jan 2019, 6:06 PM

Mark 🇺🇬

+ 6

Moha Mahmoud In your css,... there is something you have to add,.. some of these properties don't just work in every browser so to support them, you add a word (depending on the browser)before the property name.. Check this out::: .filtered { -webkit-filter: brightness(50%); }

9th Jan 2019, 3:42 PM

🌍Learner

+ 4

Well Mark 🇺🇬 .. Here's the HTML code: <!DOCTYPE html> <html> <head> <title>Brightness </title> </head> <body> <img class="original" src="http://www.sololearn.com/images/tree.jpg"> <img class="filtered" src="http://www.sololearn.com/images/tree.jpg"> </body> </html> & Here's the css's one: .filtered { filter: brightness(50%); }

19th Nov 2018, 4:04 PM

Mohamed A. Mahmoud