Leaves

Last Revision:
Version 1.0, 2008-05-08
Demonstrates performance benefits of using hardware-accelerated CSS animations and CSS transforms over pure JavaScript techniques.
Build Requirements:
iPhone OS 2.0
Runtime Requirements:
iPhone Simulator with iPhone OS 2.0 or iPhone or iPod touch running OS 2.0

This sample demonstrates the performance benefits of using hardware accelerated CSS animation and CSS transforms over pure JavaScript techniques to animate HTML elements.

It contains the "WithoutCSSExtensions" and "WithCSSExtensions" samples that both display colored leaves falling down. "WithoutCSS" uses a custom JavaScript object and the setTimeout function to animate the leaves. "WithCSSExtensions" uses the above CSS extensions to perform this animation.