CSS3 Transitions : DEMO & TUTORIAL

CSS3 transitions provide a simple method for animating CSS properties of an HTML element over time, allowing you to create simple animated rollover, fade, or other transition effects without using JavaScript. While similar to CSS Animations, they are less complicated to implement, although they do not provide as much low level control as when using CSS Animations.

Adobe has provided excellent example have a look  at : http://beta.theexpressiveweb.com/#!/css3-transitions

More Examples : 

• Nike Better World
  Uses CSS Transitions to provide smooth animations between page sections.
• 20 Things I learned about Browsers and the Web
  Makes extensive use of CSS Transitions to provide seamless transitions between different states.
  
  
  To know more about transitions visit :
  • Understanding CSS3 Transitions
  • CSS Transforms and Transitions: Practical Examples
  • Using CSS3 Transitions, Transforms and Animation
  • CSS 3.0 Transition Maker
  • W3C Draft: CSS Transitions Module Level 3