Question

First off, I got the code for this awesome 3D cube from: http://www.paulrhayes.com/2009-07/animated-css3-cube-interface-using-3d-transforms/

What I am trying to do is add some divs on each face with hover states. So far it seems to be working for the most part, however, certain rotation states cause the hover states to fail in Chrome (works fine in Mozilla). Here is what I have so far: http://jsfiddle.net/BUbeQ/1/

Simplest arrow key actions to reproduce the problem: Down-Right OR Down-Left-Left (Note: Make sure you click anywhere inside the result window first or else the arrow keys won't work)

Any help on how to get the hover states to always work will be greatly appreciated.

Cheers

Was it helpful?

Solution

It seems this was a bug in chrome at the time of the question. I do not see any problems in the most current version of chrome (28.0.1500.95)

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top