本文介绍了-webkit变换:缩放/模糊图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在我们的目录视图(在线商店)中,我们使用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的渲染?
更大的图片:
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变换:缩放/模糊图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!