Doing it with style
An 'exploding' set of stacked menu items (images) with CSS3 transitions to give animations to rival those of jQuery, useful for those websites that are tight on space for a permanent horizontal menu.
For the iPhone, iPad and iPod Touch the menu will work by tapping the 'menu' image, the exploding lists will stay open until the 'close' image, which appears in place of the 'menu' image, is tapped.
If you are using Firefox 4 beta, Opera, Safari or Chrome you will see the full animation. The icons are stacked on top of each other with the 'menu' image on top. Hovering the top level 'menu' image will cause it to rise upwards and the stacked images will flyout left an right to form a horizontal menu.
All browsers except IE will have rounded corners on the horizontal menu.
Internet Explorer and Firefox 3.x will have an instant display of the exploding images.
Tested and working in IE7, IE8, IE9, Firefox, Safari, Opera, Chrome, Flock, SeaMonkey, iPhone, iPod Touch and iPad.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
This demonstration can be used subject to the following terms and conditions.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.