CSS中filter属性的使用
filter 属性定义了元素的可视效果 blur 给图像设置高斯模糊。"radius"一值设定高斯函数的标准差,或者是屏幕上以多少像素融在一起, 所以值越大越模糊。 如果没有设定值,则默认是0;这个参数可设置css长度值,但不接受百分比值。 body { background-color: #000; color: skyblue; } div { border: 1px solid #fff; padding: 10px; width: 610px; margin: 10px; } .blur1 { filter: blur(0.4px); } .blur2 { filter: blur(1px); } .blur3 { filter: blur(4px); } <div class="filter1"> <p>给图像绘制高斯模糊,值越大越模糊</p> <ul> <li class="blur1">blur</li> <li class="blur2">blur</li> <li class="blur3">blur</li> </ul> </div> brightness 给图片应用一种线性乘法,使其看起来更亮或更暗。如果值是0%,图像会全黑。值是100%,则图像无变化。其他的值对应线性乘数效果。值超过100%也是可以的,图像会比原来更亮。如果没有设定值,默认是1。 body