Hover me to see the effect. The Box will flip to the right.
Flipped to right. Cool. Flip it back to the frontside, just move the mouse out of this box.
This Box will flip up. Hover me to see the effect.
Flipped it up. It will flip back to the front onMouseleave.
Get the CSS File here. Feel free to customize it for your needs.
The SASS Files (.scss) is here. Uses Compass. Easy to customize your Flip Box.
Full package download. HTML, CSS and SASS included.
Which Browsers are supported?
You can see which browser supports the 'transforms3d' feature on caniuse.
Fallback for older Browsers. Especially the Internet Explorer.
See more WebDev-Stuff on my Blog. Andre Firchow - HTML, CSS, SASS and more...