水平translate3d动画不动画

我想实现的是一个盒子，其中包含一个div容器大小加倍，并承载两个div作为幻灯片。该按钮只是简单地为包装左侧设置动画并创建幻灯片效果。这是html：水平translate3d动画不动画

<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或铬或ipad ..只是Firefox。我一直在b my我的头几个小时，我想知道我做错了什么。

，你可以在这里看到活生生的例子（这很容易看出，然后它来解释）： http://jsfiddle.net/omegaiori/Qys8W/

我怀疑有什么不对劲的JS。你觉得呢？

非常感谢！

来源

2013-10-24 valerio0999

根据CanIUse.com

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

Demo Here

来源

2013-10-24 14:24:28

我确信供应商在那里...... -_-我的工作添加相关的厂商前缀有关关键帧中transform指南针，我完全忘了@include transform（）;啊！非常感谢 – valerio0999

水平translate3d动画不动画

回答

相关问题