Mac OS X Dashboard
This is an example of the Mac OS X dashboard featuring drag and drop icons, 3D flip apps. Tranforms and transitions are used to achieve the best effects. Degrades for browsers that lack support.
- Works on:
- FF
- Chrome
- Safari
- IE9
- IE8
- IE7
- IE6
- Opera
Features
- Double click to exit the dashboard
- Click the add button on the bottom left to toogle the dashboard dock
- Drag an icon and drop to place an app
- Click the (i)nfo button to flip the app
Notes
- 3D transforms only work in Safari at this time.
- There are artifacts in IE using the matrix filter with pngs.
Links
- http://line25.com/articles/super-cool-css-flip-effect-with-webkit-animation
- https://developer.mozilla.org/en/css/-moz-transform
Comments
- hsmoore.com - Very nice, but the bouncing back and forth as you open an item definitely needs to be refined somewhat.... Easing? Less motion?
![[enable images]](/img/footing2.png "Please send blog emails to this address")