This is a really nice introduction to CSS transitions with interactive demos you can tinker with.
All of this reminds me of Jake’s proposal for navigation transitions in the browser. I honestly think this would solve 80% of the use-cases for single page apps.
I honestly think if browsers implemented this, 80% of client-rendered Single Page Apps could be done as regular good ol’-fashioned websites.
Having to reimplement navigation for a simple transition is a bit much, often leading developers to use large frameworks where they could otherwise be avoided. This proposal provides a low-level way to create transitions while maintaining regular browser navigation.
Beautiful use of CSS transitions and transforms.
Also: CSS is officially the new Flash—”skip intro” is back.
A lovely little selection of loading indicators powered by CSS animations and transitions.
An in-depth look at CSS transitions with some handy tips for improving performance.
Here’s a handy little tip for CSS animations: instead of changing position properties, use translate instead.
impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz
Lea documents a whole bunch of CSS animation possibilities.
John tells you everything you need to know about CSS animations and transitions, and then he gives you a tool to help you get started.
Andy just debuted this at An Event Apart—lovely stuff.