CSS Hamburger menu

A modern CSS hamburger menu with NO JS.

Embedding

Follow this example:

<html>
    <head>
        <title>Hamburger menu without JS</title>
        
        <!-- import css -->
        <link rel="stylesheet" href="./css-hamburger-menu.css">
    </head>
    
    <body>
        <!-- hamburger menu -->
        <nav class="hamburger-menu">
            <input type="checkbox" class="toggle-menu" />
            <span></span>
            <span></span>
            <span></span>
            <ul class="menu">
                <li><a href="#">Home</a></li>
                <li><a href="#">About</a></li>
                <li><a href="#">Contact</a></li>
            </ul>
        </nav>
        <!--/ hamburger menu -->
    </body>
</html>

Licence

MIT License.

See LICENSE for more details.

About

A modern hamburger menu with CSS and no JS.

css html menu-navigation no-js

MIT License

Languages

Language:CSS 100.0%