一.给图片增加模糊效果
image{
filter: blur(5px); // 一般5px就够了 按需求
}
效果图
二.去除小程序image图片模糊的处理
image {
/* 火狐浏览器中,设置图片渲染为清晰边缘 */
image-rendering: -moz-crisp-edges;
/* Opera 浏览器中,设置图片渲染为清晰边缘 */
image-rendering: -o-crisp-edges;
/* WebKit 内核的浏览器中,优化图像对比度 */
image-rendering: -webkit-optimize-contrast;
/* 标准方式,设置图片渲染为清晰边缘 */
image-rendering: crisp-edges;
/* IE 浏览器中的图片插值方式,设置为最近邻插值(保持像素的原始颜色) */
-ms-interpolation-mode: nearest-neighbor;
}