3D Rotating cubes hover effect
It switches between two sides of the cube, every time you hover. Depending from which side cursor entered the cube, it will rotate in opposite direction. It is fully responsive, and on touch devices, direction depends of where you tap.
Cube side is a regular
div, and you can put any type of content in it.
Works on every modern browser, but on IE it falls back to the fade effect. Thing is that Internet Explorers do not support
transform-style: preserve-3d property. More on MDN.
Check the demo. Documentation is on the same page.
Grab the code on GitHub.
Warning: Every person introduced to these cubes, played with them for ages :)