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

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