CSS filter support recently landed within WebKit nightlies. CSS filters provide a method for modifying the rendering of a basic DOM element, image, or video. CSS filters allow for blurring, warping, and modifying the color intensity of elements. Let’s have a look at how CSS filters work and how you can quickly create elements that are beautifully filtered!
here are many CSS filters to choose from:
invert. While each property value generally falls between 0 and 1, there are a few exceptions. The
blur property uses a unit of pixels and can be any whole number, and the
hue-rotate filter value is a whole number with a “deg” unit.