演示代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
img{
filter: blur(2px);
filter: saturate(100%);
}
</style>
</head>
<body>
<!--
滤镜属性:定义图像可视效果
语法:filter: 属性值;
高斯模糊:blur(尺寸单位); 尺寸单位默认0,值越大,图像越模糊;尺寸单位不能设置成百分比
饱和度:saturate(百分比); 尺寸单位默认100%,
设置0%图像变黑白
可以超过100%,色彩更艳
-->
<img src="bj.jpg" width="400px" />
</body>
</html>