CSS3 3D动画 - 多维数据集的下降墙

Question

我有CSS3 3D动画问题。具有css类'css3cube-el'的div放置在容器中，如下例所示：

http://jsfiddle.net/8wvyQ/2/

现在，我想对它进行转换（这是延迟5秒后发生的事情），使它看起来像是一个落在左侧的墙。

与此类似，但相应地向左移动：

不幸的是，它以一种奇怪的方式移动（请点击jsfiddle链接）。最后，底部（红色）被带到容器的前部。

如何更改css类'.css3cube-left-open'的任何想法，这是负责这个错误的动画？目前它看起来像这样（我改变了所有的值几次，但没有达到预期的行为： - （）：

.css3cube-left-open {
    transform: rotateX( 90deg ) translateY( 100px );
    -moz-transform: rotateX( 90deg ) translateY( 100px );
    -webkit-transform: rotateX( 90deg ) translateY( 100px );
}

提前谢谢