Create impact with CSS filters

A session at Web Directions Code 2013

Thursday 2nd May, 2013

3:25pm to 3:40pm (EST)

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.

About the speaker

This person is speaking at this event.
Alex Danilo

Voracious technology sponge, can't get enough of the digital world (and give it back) bio from Twitter

Coverage of this session

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 3:25pm3:40pm EST

Date Thu 2nd May 2013

Short URL


Official session page


View the schedule


See something wrong?

Report an issue with this session