filter
Widely available
The filter CSS property applies one or more graphic effects to an element. You can use filter functions, such as blur() and drop-shadow(), alone or combined to produce different effects.
To learn more, see
filter,
<filter-function>,
blur(),
brightness(),
contrast(),
drop-shadow(),
grayscale(),
hue-rotate(),
invert(),
opacity(),
saturate(),
sepia() at MDN.
Compatibility (view on caniuse.com)
- Chrome 53 Released on 2016-08-31
- Chrome Android 53 Released on 2016-09-07
- Edge 12 Released on 2015-07-29
- Firefox 35 Released on 2015-01-13
- Firefox for Android 35 Released on 2015-01-13
- Safari 9.1 Released on 2016-03-21
- Safari on iOS 9.3 Released on 2016-03-21