Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
branch: master
Failed to load latest commit information.
css Adding a CSS hack to target IE8
js
README.md removing the hardcoded limit of items per submenu by handling transit…
index.html removing the hardcoded limit of items per submenu by handling transit…

README.md

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>
            ...
        </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.

Credits & License

Heavily inspired by @hakimel's scroll-effects

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

Something went wrong with that request. Please try again.