As part of our wind-down from CS5.5, the Dreamweaver Team has started thinking about how we can deliver a world class experience for building CSS3 Transitions for the web. In the coming weeks, the Dreamweaver Team will be conducting surveys and asking for your input on how we can do just that, so we’re bringing it to our fans directly through our social media outlets. This week we want to see examples of CSS3 Transitions (or animations).
So send us links to your sites showing off your CSS 3 Transitions skills!
Comments
Hi, I would like to do something crazy with some of these ideas.
1. A Beautiful SlideShow: http://hakim.se/experiments/css/slideshow/#/
2. A beautiful Game: http://hakim.se/experiments/html5/breakdom/
3. An incredible CSS3 Transitions: http://andrew-hoyer.com/experiments/walking/#
Just some simple button rollover animations… (not a test or experimental site)
This is not mine, but one of the best examples of CSS animations work:
http://animatable.com/demos/madmanimation/
My own site has a few subtle ones that people really like:
http://farukat.es/
And http://www.modernizr.com/ will soon have a lot more transitions in it.
Navigate this site http://css-tricks.com/ all the way to the bottom and hover mouse on any of the image, you will find nice transitions.
I’ve written an image transition library using css3 transitions:
http://www.joelambert.co.uk/flux
I’ve written a CSS3 based image transition library that makes heavy use of CSS3 transforms. You can see a demo of Flux Slider in action at: http://www.joelambert.co.uk/flux