Chrome动画CSS3三维立方体与悬停状态问题

Chrome Animated CSS3 3D Cube with hover state problems

本文关键字：悬停 状态 问题 立方体 动画 CSS3 三维 Chrome      更新时间：2023-09-26

首先，我从以下位置获得了这个很棒的3D立方体的代码：http://www.paulrhayes.com/2009-07/animated-css3-cube-interface-using-3d-transforms/

我想做的是在每个有悬停状态的人脸上添加一些div。到目前为止，它似乎在很大程度上是有效的，然而，某些旋转状态会导致Chrome中的悬停状态失败（在Mozilla中运行良好）。以下是我迄今为止所拥有的：http://jsfiddle.net/BUbeQ/1/

再现问题的最简单的箭头键操作：右下或左下（注意：请确保首先单击结果窗口内的任何位置，否则箭头键将不起作用）

任何关于如何使悬停状态始终工作的帮助都将不胜感激。

干杯

在提出问题时，这似乎是chrome中的一个错误。我在最新版本的chrome（28.0.1500.95）中没有看到任何问题

相关文章：