-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的图像缩放比例

回答

相关问题