Support for CSS animations added to WebKit nightly build

The WebKit team has been working on improving the CSS standard and recently added support for "explicit" keyframe-based animations to the nightly builds of WebKit, giving developers a powerful way to animate styles without having to use other animation tools.

There are always new features being added to WebKit, making it a bit hard at times to keep track of just what it can do. In the case of CSS, the WebKit folks have been working on enhancements to the standard for a while now, and the project recently gained support for a rather nifty enhancement. Called CSS Animations, the feature gives developers the ability to create style-related animations without having to use JavaScript, Flash, or other animation tools.

WebKit already contains some animation functionality in the form of support for CSS transitions, but the addition of "explicit animations" (no, not like that) gives Web developers an even more powerful tool. The new CSS animations use the concept of "keyframes," which, in this case, are styles that will be applied at a particular point in the animation. The CSS animation engine then figures out what should go in between the keyframes, thus creating the animation.

The WebKit developers also provide sample code for "pulse" animations, which are apparently "the new blink," although I wasn't aware we needed a new blink in the first place. So far, the feature is specific to WebKit (and not yet Safari), but if you'd like to try the animations out, support is now included in the WebKit nightly builds. The iPhone 2.0 version of WebKit also supports CSS animations and performance is supposedly quite good, so mobile users can get in on the fun too.

Source : http://arstechnica.com/

Related Posts by Categories

Widget by Hoctro | Jack Book