A good-looking application must provide user with visual feedback. Users must always know that an order (a click, a tap or whatever) is well received and understood by the application and animations are a great tool to do so. The new HTML 5 specification introduces a great tool to handle simple animations: the transitions.  

According to “CSS Transitions Module Level 3” specification on W3C site, CSS3 Transitions allows property changes in CSS values to occur smoothly over a specified duration. David Rousset, in this article aims to first describe the concept of transitions and then to see how CSS3 Transitions works and how we can handle browsers that don’t support the feature: CSS3 Transitions, Putting it all together, Transitions without CSS3 Transitions, Conclusion and Going further.

He also suggests some other articles which he says would be excellent companions for this article. To see how CSS3 Transitions can be used, he developed a sample of a game which uses CSS3 Transitions to animate cells of a puzzle (and which will fallback to JavaScript if the browser doesn’t support CSS3 Transitions).

To read the complete article visit: http://www.htmlgoodies.com/html5/client/good-looking-apps-with-css3-transitions.html#fbid=lz3kcncNc9W