CSS · Colour and backgrounds

filter

Applies graphical effects such as blur, brightness, contrast and grayscale.

cssRunnable example css course

Syntax

filter: blur(2px) brightness(1.1)

Example

Try it

.demo { filter: grayscale(1); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.