CSS3 图片模糊处理

说明

CSS3滤镜filter：

filter CSS属性将模糊或颜色偏移等图形效果应用于元素。

filter: 函数()；

例如：filter: blur(5px); 模糊处理，数值越大越模糊。
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter-function/blur

filter后面可以跟多种函数，详见：
https://developer.mozilla.org/zh-CN/docs/Web/CSS/filter

示例

不加模糊

例如，没有模糊之前：

加了5px的模糊

加了15px的模糊

鼠标移上去就不模糊、鼠标离开就模糊

鼠标没有移上去时显示的是模糊的：

鼠标移上去时不模糊显示：