css实习滤镜效果(背景图模糊)

2023-02-14,,,,

模糊实例

图片使用高斯模糊效果

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

css实习滤镜效果(背景图模糊)的相关教程结束。

《css实习滤镜效果(背景图模糊).doc》

下载本文的Word格式文档,以方便收藏与打印。