css实习滤镜效果（背景图模糊）

模糊实例

图片使用高斯模糊效果：

img {
    -webkit-filter: blur(5px); /* Chrome, Safari, Opera */
    filter: blur(5px);
}

css语法：

filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate() | invert() | opacity() | saturate() | sepia() | url();

 

更多效果可参考官网 https://www.runoob.com/cssref/css3-pr-filter.html