The filters properties are not working | Sololearn: Learn to code for FREE!

+2

The filters properties are not working

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

11/13/2018 4:20:08 PM

Mohamed A. Mahmoud

4 Answers

New Answer

+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.}

+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

+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%); }

+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%); }