The latest nightly build of WebKit now includes support for CSS animations. WebKit is the rendering engine used by many browsers, including Apple’s Safari and Google’s Chrome browser.

Dean Jacksons explains the benefits of CSS animations:

CSS Animations is one of the enhancements to CSS proposed by the WebKit project that we’ve been calling CSS Effects (eg. gradients, masks, transitions). The goal is to provide properties that allow Web developers to create graphically rich content. In many cases animations are presentational, and therefore belong in the styling system. This allows developers to write declarative rules for animations, replacing lots of hard-to-maintain animation code in JavaScript.

The new effects are already implemented in the iPhone and iPod touch browsers, and should make their way in to releases of Safari and Chrome shortly. In the mean time, you can test the new CSS animations by downloding the latest nightly release of WebKit.

Comments are closed.