CSS技巧:解决图片缩放变模糊不清晰的问题

追格官方小助手/ 2022年04月09日/ CSS教程/ 浏览 6012

在网页中插入位图图片时,即便原图缩小尺寸后也有可能变得模糊。


我们可以使用CSS的image-rendering属性,可以解决该问题,下图为模糊图:


原图如下:


解决办法,只需插入几行CSS即可:


img {
    image-rendering: -webkit-optimize-contrast; 
    image-rendering: crisp-edges; 
}


发表评论

暂无评论,抢个沙发...

客服 工单