Hostgator coupons for up to 99% off hosting for Dynamic Drive visitors!
Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Horizontal CSS Menus: CSS3 demos: Here

Flat flipping menu buttons

Author: Dynamic Drive

These menu buttons combine the two hot trends that are flat design (absence of bevels, gradients and shadows etc) and CSS3 to create a bold and modern looking navigation system. Each icon inside the button can either be an image, or CSS icon font (as in first example below) for leaner and more rapid deployment. An optional text can be added beneath each button for additional cue.

  • Search
  • Gears
  • RSS
  • Twitter
  • Rocket

Note: The CSS icon fonts in the 1st exaample are from Font Awesome. The social icons in the 2nd example used can be found here.

The CSS:


Code Info

Rate this code:

Date Posted: 02/04/2015

Revision History: None

Usage Terms: Click here

Your Comments (0)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.

Commenting is not available in this weblog entry.
Copyright 2006-2015 Dynamic Drive Read our Usage Terms before using any of the CSS codes.