Chromium GPU Accelerated CSS Filters Now Available in Version 19

CSS filters are now available in the new Chromium 19. "CSS filters are a powerful, easy-to-use visual effects tool for web developers. Filters can manipulate the appearance of any HTML element and can be stacked together to create unique effects -- all with a single line of CSS," posted Stephen White, Software Engineer."Chromium GPU accelerates […]

CSS filters are now available in the new Chromium 19. "CSS filters are a powerful, easy-to-use visual effects tool for web developers. Filters can manipulate the appearance of any HTML element and can be stacked together to create unique effects -- all with a single line of CSS," posted Stephen White, Software Engineer.

"Chromium GPU accelerates these filters to make them super fast. GPU acceleration of these filters brings their performance to the point where they can be used for animating elements in conjunction with CSS animations powered by -webkit-transition or even HTML5 video tags," Stephen explains.

The current set of supported filters in Chromium include many that are familiar to web developers with image processing experience, such as sepia, saturation, opacity, and blurs.

If you're a web designer looking to add dynamic visuals to your next page layout, a developer building a photo editing app, or a game developer looking for an easy way to add effects to your next title, CSS filters can help you get there easily.

img { -webkit-filter: sepia(100%) contrast(200%) blur(5px) }

CSS Filters in Chromium 19

For more info on CSS filters, including a full list of those available in Chromium and how to use them, check out the new CSS Filter tutorial on HTML5Rocks.

To get a sense of how much you can do with CSS filters, check out this interactive abstract painting app.

Chromium 19 GPU accelerated CSS Filters

In other Google developers news, Robin Thurston, Chief Product Officer and co-founder of MapMyFITNESS today discuss the MapMyFITNESS applications created using Google Maps API.

"We are passionate about living active lifestyles and we wanted a way to both track our progress and explore new activities. We wanted to help people experience this passion for themselves. As our community of MapMyFITNESS users has grown to over 9 million people, we have continually worked to make the applications easier to use and more effective at motivating people to keep moving, whether they're elite athletes or people just getting started.

We've gone from tracking and sharing routes in our old platform to providing "Courses" in our new platform. Courses provide our users with real-time data like traffic patterns and temperature, and include "check-in" technology that helps them track workouts, share their progress, and compete in our new leaderboard against specific groups of people. They can compete with local clubs, friends, and most importantly against themselves and their own progress," posted Thurston.