Animated Navigation Menu

by pixelpapa

Animated Navigation Menu

This tutorial on an animated navigation menu in CSS3 is available for download at

In this short tutorial, we will be creating a colorful dropdown menu with the use of an awesome icon font. This icon font is, as the name implies, a font which maps characters to icons instead of letters. This means that you get pretty vector icons in every browser which supports HTML5 custom fonts.

To add icons to elements, you only need to assign a class name and the icon will be added with a :before element by the font awesome stylesheet. Icon fonts are a great addition to one’s web development toolset.

Download today and have fun!