A collection of CSS3 menu effects (degrades gracefully in IE8).

Have a look at the Demo!

Your page should include both menu-effects.css and menu-effect.js. The latter is optionnal but makes the animation run progressively.

Your menus should be marked with .menu & .submenu classes, and an effect specific class such as .fly:

<ul class="menu"> <li>My submenu will fly! <ul class="submenu fly"> <li>flying item 1</li> <li>flying item 2</li>	... </ul> </li> <li>My submenu will pop! <ul class="submenu pop"> <li>popping item 1</li> <li>popping item 2</li>	... </ul> </li> </ul>

You are welcome to fork and create new effects.

Heavily inspired by @hakimel's scroll-effects

MIT Licensed http://louisremi.mit-license.org/, by @louis_remi