-webkit-transform的圖像縮放比例

我在身體中有一個img。-webkit-transform的圖像縮放比例

$(function() { 
    var body = $("body"), 
    scaled; 
    $("img").click(function() { 
     if(scaled) { 
      body.css("-webkit-transform", "scale3d(1, 1, 1)");  
     } else { 
      body.css("-webkit-transition", "-webkit-transform 0.2s ease");  
      body.css("-webkit-transform", "scale3d(8, 8, 1)");  
     } 
     scaled = !scaled; 
    }); 
});

我點擊圖像。

縮放到8x很平滑。從8X一是規模爲1x是從8X壞（第二縮放比例爲1x平滑

點擊圖片...

小提琴鉻：example

我只能用-webkit-變換，

我怎麼能可能是緩存動畫...

怎麼辦？

在IE11中 - 一切正常。我無法解決Chrome中的問題。

來源

2014-02-11 Ilya Key

你的問題是不明確......還挺重寫你有什麼問題。它就像你想讓你的動畫能夠出現在firefox，opera和IE中？ – rockStar

兩者看起來都和我一樣 –

這是你在找什麼：

* { 
    -webkit-transform: translate3d(0,0,0); 
}

The fiddle

來源

2014-02-11 08:59:43

-webkit-transform的圖像縮放比例

回答

相關問題