Simon Willison’s Weblog

Pure CSS popups

New example on Eric Meyer’s css/edge: Pure CSS Menus. This is very impressive stuff—it’s an implementation of those dropdown menus where you hover over an item and a new menu pops up, but it’s done in pure CSS without a line of javascript. Even better, the markup for the menu is a nested unordered list, so browsers that don’t support the advanced CSS needed will still display the menu in a meaningful way.

The example requires Mozilla 1.0, as do many of the other css/edge demos. The site has some fantastic experiments on it (all with full explanations and freely available source code) and is well worth exploring.