我体内有一个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 的第一个比例是不好的( 从 8 倍到 1 倍的第二个比例是平滑的。
点击图片...
Chrome fiddle :example
我只能使用-webkit-transform,
我怎么可能是缓存动画...
怎么办?
在 IE11 中 - 一切正常。 我无法在 Chrome 中解决问题。
最佳答案
关于css - 图像缩放 -webkit-transform,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21697061/