javascript - CSS3 透视在动画完成后才应用

Question

我正在研究根据按下方式倾斜的面板（使用 CSS）。你可以在这里看到一个工作演示（目前只为 Chrome 实现）：

http://jsfiddle.net/NathanFriend/4tXbZ/

我注意到的一个视觉缺陷是，在其他变换生效之前，通常不会应用透视。这是 Chrome 中的错误吗？如果是这样，是否有解决方法？

当正方形在其边缘附近单击时，这种现象会更频繁地发生。

Answer 1

我发现添加-webkit-backface-visibility: hidden;解决了这个问题。