使用变换：缩放会导致模糊图像

Question

在我们的目录视图（在线商店）中，我们使用javascript来获取产品的不同视图，并使用CSS缩小图像。 3连续/ 4或5 /

默认视图为4：

-webkit-transform: scale(0.83);
-moz-transform: scale(0.83);
-ms-transform: scale(0.83);
-o-transform: scale(0.83);
transform: scale(0.83);

一切正常，但在野生动物园中图像看起来非常模糊。有没有办法改善野生动物园的渲染？ 更大的图片：http://i.stack.imgur.com/NaFeB.jpg

Answer 1

如果你在safari中重置模糊过滤器，它会起作用：

-webkit-filter: blur(0px); 

所有浏览器的示例：

filter: none; 
-webkit-filter: blur(0px); 
-moz-filter: blur(0px); 
-ms-filter: blur(0px);
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');

希望有所帮助

Answer 2

对于任何认为接受的答案没有用的人，请将其添加到对我有用的父容器中：

transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);