0

我想要实现的是一个包含一个 div 的框,该 div 将容器大小加倍并托管两个可用作幻灯片的 div。该按钮只是为包装器的左侧设置动画并创建幻灯片效果。这是html:

<div class="generic-container">
    <div class="button">
        next
    </div>

    <div class="wrapper">
        <div class="newsbox first">

            news hey

        </div>

        <div class="newsbox second">

            news

        </div>

    </div>

    <div class="button2">
        back
    </div>
</div>

整个事情都有效,但动画效果仅在Firefox中可见。没有 webkit 或 chrome 或 ipad .. 只是 firefox。我已经敲了几个小时的头,我想知道我做错了什么。

您可以在此处查看实时示例(查看后更容易解释):http: //jsfiddle.net/omegaiori/Qys8W/

我怀疑js有问题。你怎么看?

多谢!

4

1 回答 1

1

transform根据CanIUse.com在相关关键帧中添加相关供应商前缀

-webkit-transform: translate3d(-50%, 0, 0);

在这里演示

于 2013-10-24T14:24:28.783 回答