说明
CSS3滤镜filter:
filter CSS属性将模糊或颜色偏移等图形效果应用于元素。
go
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的模糊


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

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

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