水平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動畫不動畫

回答

相關問題