Home > Code stuff > Navigation menus > Menu icon – CSS animations

Menu icon – CSS animations

Code

Here is an interesting HTML/CSS snippet for creating nice menu icon animations. Coded by Bennett Feely.

Posted on October 8, 2013 in Code stuff, Navigation menus and tagged navigation, menu. This post has been viewed 7800 times.

Twitter
Facebook
Google
Pinterest

Ready to use Graphic Assets

Related Freebies

A collection of ready-coded line style links you can for inspiration or create stunning navigation menus. Created by Codrops team.

January 7, 2016

Line style navigation menus

Code

A pure CSS code snippet to easily create a stretching navigation menu including a detailed tutorial by CodyHouse.

November 19, 2015

Stretchy navigation code snippet

Code

A tutorial by Codrops to create an animated hamburger menu icon with SVG using the Segment library by Luis Manuel.

November 13, 2015

Animated SVG menu icon

Code

A page stack navigation template based on the Dribbble shot Stacked navigation by Ilya Kostin. Tutorial and snippet by Codrops.

October 22, 2015

Page stack navigation template

Code

You should try this

Retro 4: A Premium vintage theme for WordPress

Recent Freebies

Brisk Pro is a free sans serif font ideal for headlines and logotypes characterised by geometric shapes and rounded edges.

July 17, 2017

Brisk Pro: Free font

Font

$fractures: An atomic CSS toolkit for building websites$

fractures is a CSS toolkit providing a set of CSS utility classes that may be used for quick prototyping as well as for production.

July 11, 2017

fractures: An atomic CSS toolkit for building websites

Code

Agata Bielen is a fashion magazine template designed by Adrián Somoza. It is a PSD file made of 3 screens based on a Golden Ratio grid.

July 7, 2017

Agata Bielen: Free PSD magazine template

PSD

t-scroll is a reveal-on-scroll JavaScript library for creating custom element animations when scrolling a web page, is built in pure JavaScript and Sass.

July 2, 2017

t-scroll: A modern reveal-on-scroll JS library

Code

Wavehaus Sans is a free font family designed by Graham Paterson. The typeface comes in 6 weights (Thin, Light, Book, Semibold, Bold and Extra Bold).

June 27, 2017June 27, 2017

Wavehaus Sans: A free typeface in 6 weights

Font

A free set of smartphone clay mockups for showcasing apps and mobile website designs available in both Sketch and Photoshop file formats.

June 23, 2017

Free set of smartphone clay mockups for Sketch & Photoshop

PSD Sketch

Share this

Search Freebie

Envato