CSS Transformations
Animation is possible by simply using CSS. Animate.css is an example which allows the animation of html elements by simply adding a style to the element. This could be used to add feedback when an event occurs in the UI.
http://daneden.github.io/animate.css/
e.g. When a button is pressed you could provide visual feedback that the click has been registered.
Examples
Other examples of CSS animation can be seen on the web, one example doing css animation uses the rotate3di js library. see http://premiumcoding.com/jquery/falling-leaves/Leaf2Example/
My Demo
I have used jquery.transit to write my own version of the falling leaves demo using both frame & CSS animation with the following enhancements:
- The leaves are Images rather than graphics.
- Jquery.transit is used to scale and rotate the leaves in their x & y axis
- A random wind force affects the speed the leaves spin & scale on their x & y axis and how fast they move position.
The demo animates fifty leaves made up of 6 different leaf designs:
You can download the source code here...