#toggle menu

Animated Toggle Menu With JavaScript and CSS3

A modern animated toggle menu built with JavaScript and CSS3 transitions & transforms. How to use it: 1. Create a nav list with a toggle button on the page. <nav class="active" id="nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Works</a></li> <li><a href="#">About</a></li> <li><a href="#">Contact</a></li> </ul> <button class="icon" id="toggle"> <div class="line line1"></div> <div…

Kite Menu is a responsive, mobile-friendly navigation system that allows the user to toggle the navigation menu by clicking/tapping the hamburger button.

Demo

Download

Responsive Drawer Navigation In Pure CSS

A responsive navigation solution which uses input:checked pseudo selector to reveal a drawer menu sliding from the left or right hand side of the screen. You can change the breakpoint through media queries in the CSS. How to use it: Load the core stylesheet menu.css in the head section. Create a checkbox based menu toggle. Create a standard navigation menu from a nav list.

Home

About

Contact

Responsive Show / Hide Navigation Menu with JavaScript and CSS3

A mobile-friendly responsive navigation system that uses CSS3 media queries to detect the screen size and transforms the regular horizontal navigation into a show / hide menu with a toggle button on small screens. How to use it: Create a navigation menu from a nav list. Show menu

Home

Works

Products

About

Contact

Style the navigation menu. #nav ul {…

Pure CSS Off-canvas Toggle Menu – navslider

navslider is a pure CSS / LESS off-canvas navigation that uses CSS3 transition and transform tricks to reveal a sidebar navigation menu when the visitor hovers over the toggle button. How to use it: Create the off-canvas navigation with a toggle button.

Home

Works

Services

About

Contact

The core CSS / CSS3 styles for the navigation. .menu-container:hover…