通过 -webkit-transform 缩放图像答案

【问题标题】：Image scale by -webkit-transform通过 -webkit-transform 缩放图像
【发布时间】：2014-03-08 22:56:59
【问题描述】：

我体内只有一张图片。

$(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 中解决问题。

【问题讨论】：

你的问题不清楚......有点重写你的问题。就好像你希望你的动画能够出现在firefox、opera和IE中一样？
在我看来两者都一样

标签： css animation

【解决方案1】：

这就是你要找的东西：

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

The fiddle

【讨论】：