The grayscale() Function

Converts the input image to grayscale. A value of 0% leaves the image unchanged while a value of 100% completely grayscales the image.

Syntax for grayscale()

	Syntax
CSS	grayscale( [ <number [0,∞]> | <percentage [0,∞]> ]? )

Recommended Links

• CanIUse.com: Search "grayscale()" (compatibility information)
• CanIEmail.com: Search "grayscale()" (email client compatibility information)
• Filter Effects Level 1: grayscale()
• MDN: grayscale() (filter function)

Search Engine Links (for more information)

• Bing "CSS grayscale function"
• Google "CSS grayscale function"