Polyfilter

The CSS 3 'filter' property allows applying complex image effects for images or blocks of text.

This property is relatively new, very complex and unsupported in older browser versions.

Polyfilter is a JavaScript library that will allow rendering the same effects of the CSS 3 filters, only via the JS engine.

Polyfilter is framework agnostic, meaning it can be used with or without a big JavaScript library. Nevertheless, Polyfilter was already tested with jQuery.

Multiple demos are included with the download package.

Be sure to use a browser sniffing tool with Polyfilter to ensure it's only loaded in older browsers where this feature is not supported by default.

Features:

• Supported CSS 3 filters:
• Blur
• Brightness
• Drop-shadow
• Grayscale
• Invert
• Sepia

What is new in this release:

• Fixed color space issue with (SVG-) invert and brightness filters in Firefox.

What is new in version 0.21:

• Set the size of the helper SVGs to 0px x 0px so that they do not consume any more space.

Requirements:

• JavaScript enabled on client side