Showcase: Simulating MacOS Dock-like menu with CSS3
Works great on (Last tested on: June 2010)
- Webkit Nightly
- Safari 4
- iPhone and iPad Safari (although the user-experience on touch screen sucks)
Icon magnification (animation) works as expected, but some CSS3 for UI are not supported on:
- Firefox 3.6 and 4 - Dock-base doesn't look 3D (no perspective support) and animation is a little janky)
- Chrome 5 - Dock-base doesn't look 3D (no perspective support)
- Opera 10.5 and 10.6 - No 3D-transform or gradient
No animation on:
Not supported:
Hey by the way, the gradient on this background, and the dock-base, icon reflections are all done with CSS too :-)