With custom filters, you can manipulate the color and shape of any HTML or SVG element. Create visual intrigue and focus by using smooth animations that take full advantage of the greater display processing power of today’s computers.
Use CSS custom filters to twist, wave, curl, and color your content in any way you like to create effects such as flipping pages, curling corners, paper textures, curtain effects, a magnifying glass, or anything else you can express in a shading language.
For current browser implementation status, check out our CSS Custom Filters browser support matrix.
- Enable Custom Filters in various browsers
- CSS FilterLab is your online playground for experimenting with custom filters.
- Watch the making of CSS FilterLab
- Filter Effects 1.0 – W3C Editor's Draft
- Introduction to Custom Filters
- Our blog posts on Custom Filters
- Samples of Custom Filters on codepen.io
Got a comment to make on the Filter Effects 1.0 W3C Editor's Draft? Just use the FX Task Force mailing list on the W3C website. Please use the identifier "[css-filters]" in the subject of your email. Or, let us know on Twitter, @adobeweb.