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

3D flip menu

Author: Dynamic Drive

Using CSS3 transform, this menu flips the traditional menu around, or on its y-axis to be exact. When the user clicks on the menu anchor, it flips over to reveal a drop down menu. The menu degrades well in IE9 and IE8, resorting to a drop down menu activated by JavaScript in the later. Flippin' cool!

The CSS:


Code Info

Rate this code:

Date Posted: 02/04/2015

Revision History: Jan 24' 16': Updated code to fix menu in Chrome iOS.

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.