CSS转换动画开始前的奇怪闪烁

Question

为什么在动画开始前我会以全尺寸快速闪现我的方块？ ：http://jsfiddle.net/q6dwhrca/

我在SO上经历了多个线程，以及经典的解决方案：

-webkit-backface-visibility: hidden;

......根本不适合我。

我尝试了很多不同的东西（不是在JSFiddle中）;不使用display属性（而是使用from {height:0px;} to {height:100px;}动画），我尝试在触发动画之前在我的方块上应用transform:scale(0);，或者使用backface-visibility

。我的广场等父母/子女的属性（以及透视属性等）......没什么用。

我唯一的理论是，这是由于在Bounce.js上创建的实际的matrix3d动画。

令我感到奇怪的是，它似乎从0开始，正如预期的那样。

任何帮助都非常赞赏。

非常感谢！