Javascript 图像像素化的CSS变换

我正在调整图像的大小，使用css动态设置宽度/高度，并使用变换持续时间来平滑此过程。但是，它正在工作，但一旦动画开始，图像就会被像素化。发生在Firefox和Chrome中，我没有测试任何其他浏览器。

您的高度是固定的，在调整大小之前和之后，可能与此有关

尝试修改javascript以设置div的最终高度，如果要保持纵横比，请参阅

---

从最初的350x64开始，最终的尺寸应该是250x46

我不认为任何浏览器在调整图像大小时会持续平滑图像。但是，如果您改为在CSS中使用

transform

属性来缩放它，它应该看起来更好。e、 g.

变换：比例（1.5）。额外的好处：
转换
属性也遵守
转换
规则！将转换应用于
img
元素，而不是具有
背景图像的
div
，可能会有所帮助。您也不需要同时设置宽度和高度，只需设置一个宽度并对其应用变换。@Quantastical一旦将此css添加到已加载的像素化边缘，即使在变换时也保持不变