Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:

Advertise Here

CSS Library: Image CSS: DIVs and containers: CSS3 demos: Here

CSS 3D Flip

Author: Dynamic Drive

One of the groundbreaking features in CSS3 is the ability to rotate HTML elements in 3D space. The below CSS code shows how to rotate a "2 sided" element either on its X or Y axis to reveal the content on the back side. Just move your mouse over the element to see the flip. The code works in FF10+, IE10+, Chrome, and Safari, with non supporting browsers simply showing the back side's content from the start.

A desert is a landscape or region that receives an extremely low amount of precipitation, less than enough to support growth of most plants.

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 08/16/2012

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-2011 Dynamic Drive Read our Usage Terms before using any of the CSS codes.