html - 如何让Firefox中大图的缩放过渡更平滑？ (就像在 Chrome 中一样)

Question

我遇到了麻烦，当我需要旋转大图像(大约 3000 - 5000 像素)时，它已经缩放到 0.1 - 在 Firefox 中它变得不平滑。我认为，这取决于 Firefox 渲染引擎，因为在 Chrome、Opera 和 Safari 中一切正常。您如何看待，是否可以在 FF 中做同样的事情？

这里是 jsfiddle (你需要在 FF 中将鼠标悬停在圆圈上)。

.item {
    width: 3000px;
    height: 3000px;
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    transition: all 5s linear;
}

.item:hover {
   -webkit-transform: rotate(100deg) scale(0.1);
   transform: rotate(100deg) scale(0.1);
}

Answer 1

检查图像渲染 css 属性: https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering

不幸的是，默认设置在 Firefox 上是最优化的，正如您所说，此任务由浏览器本身处理，因此您几乎无能为力。