CODEWITHSUNDEEP
javascriptcss
asdaq7
asdaq7

Reputation: 93

Can I detect whether CSS filter effects are supported?

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 commonly 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?

Upvotes: 6

Views: 4093

Answers (1)

dsgriffin
dsgriffin

Reputation: 68576

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.com/modernizr#filter

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

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

Upvotes: 10

Related Questions