Create Impact with CSS Filters

CSS Filters are a powerful tool available in all modern browsers to bring amazing photographic effects to web content. They can transform and manipulate the visual output in all sorts of amazing ways. From simple colour manipulation, blurring, etc all the way to complex combined effects, the creative possibilities are almost endless.

Understanding how to use CSS filters, what they do as well as how to combine multiple filters for advanced effects will all be explained. Performance impact from use of filters is an important consideration as well and will be demonstrated. Current browsers are enabling these effects with H/W acceleration even on mobile devices, and we‘ll cover what they do, how to use them, best practices and more. Next generation browsers coming really soon will be building on enhanced custom filters. Custom filters are cutting edge but build on top of the filter model. We‘ll explain what a custom filter is, what it does and taste some of the possibilities for future creative content.