CSS Transitions

Great post here by John Surdakowski. Incredibly simple and effective – most people will never see it but it will add a nice surprise if anyone does happen to resize their browser window…or flip to landscape on their tablet.

I love hidden surprises like this in interfaces. 🙂

* Update 30/03

I’m no longer implementing this in the Shackadelic redesign due to too much gimmicky business going on. I am using css transitions where possible though – currently colour tweens on icons and nav bars. I’m using the following kind of syntax :

-webkit-transition: color 250ms ease-in-out;

transition: color 250ms ease-in-out;

-moz-transition-duration: color 250ms ease-in-out;

-o-transition-duration: color 250ms ease-in-out;