CSS Filter Effects is currently in draft, but already supported by chrome. It provides the possibility to apply effects to images:

The CSS filter property provides for effects like blurring or color shifting on an element’s rendering before the element is displayed. Filters are monly used to adjust the rendering of an image, a background, or a border.

Included in the CSS standard are several functions that achieve predefined effects. You can also reference a filter specified in SVG with a URL to an SVG filter element. (source)

As far as I know, CSS filters effects are only supported in Chrome 18+ yet, however is it possible to detect the availability of CSS filter effects via JavaScript or some CSS tricks?

CSS Filter Effects is currently in draft, but already supported by chrome. It provides the possibility to apply effects to images:

The CSS filter property provides for effects like blurring or color shifting on an element’s rendering before the element is displayed. Filters are monly used to adjust the rendering of an image, a background, or a border.

Included in the CSS standard are several functions that achieve predefined effects. You can also reference a filter specified in SVG with a URL to an SVG filter element. (source)

As far as I know, CSS filters effects are only supported in Chrome 18+ yet, however is it possible to detect the availability of CSS filter effects via JavaScript or some CSS tricks?

• javascript
• css

• 1 This question does not show any research effort; it is unclear or not useful stackoverflow./faq – Ejaz Commented Apr 24, 2013 at 10:47
• 2 @Zeta best salvage-edit i've ever seen on here :) – totallyNotLizards Commented Apr 24, 2013 at 10:56

1 Answer 1

You can use the Modernizr Javascript library for CSS3 feature detection I believe.

According to the following links, (as of Modernizr 2.6) Modernizr can now be used for CSS filter detection:

http://www.browserleaks./modernizr#filter

http://modernizr./news/ (under the test improvements section).

and http://modernizr./news/modernizr-260/.