A tutorial that explains how to create a morphing dropdown navigation menu as seen on Stripe.com with few lines of HTML, CSS and JavaScript.
Freebies tagged menu
Hamburgers is a collection of 10 hamburger menu animations made with CSS. The project includes Sass files and ARIA support for accessibility.
10 CSS hamburger menu effects
A tutorial by CodyHouse shows you how to create a vertical fixed navigation. When hovering the bullets they transform themselves in round circles.
Vertical fixed navigation with icon indicators
A collection of ready-coded line style links you can for inspiration or create stunning navigation menus. Created by Codrops team.
Line style navigation menus
A pure CSS code snippet to easily create a stretching navigation menu including a detailed tutorial by CodyHouse.
Stretchy navigation code snippet
A responsive and easy to customise mega-dropdown component that you may find useful when building a menu for your website or theme.
CSS mega dropdown menu
A set of examples that use a gooey SVG filter for creating a variety of different effects for all kinds of website components.
Creative gooey effects
Slideout.js is a lightweight and dependency-free plugin for creating touch slide navigation menu for web and mobile apps.
Slideout.js – Touch navigation menu
Three awesome menu animations for mobile devices made with just few lines of CSS. Designed and coded by Virgil Pana.
Mobile menu animations
Here is a tutorial for creating fullscreen overlay menu with CSS. A code snippet provided by Codrops.
Fullscreen overlay menu with CSS
Here is an interesting HTML/CSS snippet for creating nice menu icon animations. Coded by Bennett Feely.