css3 – -webkit-transform:缩放/模糊的图像

在我们的目录视图(在线商店)中,我们使用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

解决方法

如果您在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');

希望它有帮助

相关文章

Css常用的排序方式权重分配 排序方式: 1、按类型 ...
原文:https://www.cnblogs.com/wenruo/p/9732704.html 先上...
css属性:word-wrap:break-word; 与 word-break:break-all 的...
https://destiny001.gitee.io/color/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML...
css之background的cover和contain的缩放背景图 对于这两个属...