图像缩放by -webkit-transform

Question

我的身体里有一个img。

$(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;
    });
});

我正在点击图像。

缩放到8倍是平滑的。从8x到1x的第一个比例不好(从8x到1x的第二个比例是平滑的。

单击图像...

chrome的提琴：example

我只能使用-webkit-transform，

我可以如何缓存动画...

该怎么办呢？

在IE11中，一切都很好。我不能在Chrome中解决问题。

Answer 1

这就是你要找的：

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