-webkit变换：缩放/模糊图像 [英] -webkit-transform: scale / blurry images

问题描述

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

In our catalog view (online store) we use javascript to get different views of the products and scale the images down with CSS. 3 in a row / 4 or 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);

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

Everything works but the images look very blurry in safari. Is there a way to improve the rendering for safari? Bigger Image: http://i.stack.imgur.com/NaFeB.jpg

/ p>

推荐答案

如果您在safari中重置模糊过滤器，则可以使用它：

it works if you reset the blur filter in 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');

希望有用

这篇关于-webkit变换：缩放/模糊图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！