使用变换:缩放会导致模糊图像
gri*_*ing 22 safari transform scale css3
在我们的目录视图(在线商店)中,我们使用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
spi*_*sch 43
如果您在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');
希望能帮助到你
- 多年来,变形模糊了很多黑客.我们差不多在2016年了,这有没有结束？!...这个问题解决了我没有其他的问题(在OSX上的Chrome中出现). (5认同)
- 对于chrome(我相信Safari),只有-webkit-filter:blur(0)很有用 (2认同)
- 顺便说一句我不得不说.你救了我的一天:-) (2认同)
- 虽然 Chrome 77 会自动重新锐化缩放后的图像，但 Safari 13.0.1 不会，并且所提供的解决方案也不会使 Safari 重新锐化图像。 (2认同)
Dan*_*hts 11
对于那些认为接受的答案没有用的人，将其添加到父容器上对我有用：
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
- 这就是最终为我解决的问题，特别是把它放在*父级*上。谢谢你！ (3认同)
| 归档时间： |
|
| 查看次数： |
27696 次 |
| 最近记录： |