Primary Menu

Home > Code stuff > Navigation menus > CSS3 Animated Navigation Menu

CSS3 Animated Navigation Menu

Code

Colorful dropdown menu created using only CSS3 and the Font Awesome icon font. Source: Tutorialzine.

Posted on October 28, 2012August 27, 2013 in Code stuff, Navigation menus and tagged navigation, dropdown, menu, tutorials. This post has been viewed 6699 times.

Ready to use Graphic Assets

You should try this

Create mockups in seconds, no photoshop needed.

Related Freebies

Hamburgers is a collection of 10 hamburger menu animations made with CSS. The project includes Sass files and ARIA support for accessibility.

March 3, 2016

10 CSS hamburger menu effects

Code

A tutorial by CodyHouse shows you how to create a vertical fixed navigation. When hovering the bullets they transform themselves in round circles.

January 10, 2016

Vertical fixed navigation with icon indicators

Code

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

Search Freebie

Search for:

Browse by Category

Free PSD (1,303)
- App design (107)
- Icons (309)
- Mockups (332)
- UI kits (160)
- Miscellanea (156)
- Website templates (176)
Illustrator freebies (105)
Sketch freebies (179)
Free fonts (433)
Code stuff (440)
- JS effects & plugins (117)
- HTML Website templates (83)
- HTML UI Kits (14)
- Miscellanea (138)
Free stock photosNEW
Submit a freebie
Advertise

Get the latest news on your email.

Leave this field empty if you're human:

Keep up on Design News

Like @Freebiesbug on Facebook

Freebiesbug uses browser cookies to give you the best possible experience. To use Freebiesbug, you must agree to our Privacy Policy, including cookie policy. I agree.