Menu Effects Save

CSS3 menu effects

Project README

Menu Effects

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

Have a look at the Demo!

Using and extending

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>
	<li>My submenu will pop!
		<ul class="submenu pop">
			<li>popping item 1</li>
			<li>popping item 2</li>

You are welcome to fork and create new effects.

Credits & License

Heavily inspired by @hakimel's scroll-effects

MIT Licensed, by @louis_remi

Open Source Agenda is not affiliated with "Menu Effects" Project. README Source: louisremi/menu-effects
Open Issues
Last Commit
11 years ago

Open Source Agenda Badge

Open Source Agenda Rating