Creative, CSS3-Powered And Animated Menus

Codrops, a web development blog publishing very nice tutorials, has released a set of creative navigation examples built with pure CSS(3).

There are 10 unique examples, all have the same HTML structure but different CSS styles that make use of CSS transitions and animations.

Icons used are from a symbols typeface, so, no images are used in the examples but only HTML, CSS and a custom font file.

They are definitely beautiful "as is" and also a good starting point to create new ones.

CSS3 Navigation Examples

  1. Reply Franz H October 27, 2011 at 7:05 AM

    nice… but somewhat overloaded a bit

  2. Reply techirsh October 28, 2011 at 1:29 AM

    Example2 will be awesome in horizontal menu… Nice 🙂

Leave a reply