1

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

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 );
}

先感谢您

4

0 回答 0