css实现模糊度21px |css nthchild余4

.blur {
-webkit-filter: blur(21px);
filter: blur(21px);
}

上面的代码片段是实现模糊效果的关键代码。其中，大家使用了CSS3新增的filter属性，其对应的函数blur()可以实现指定像素值的模糊效果。在这里，大家将模糊度设置为21px，并通过-webkit-filter来适配Webkit浏览器。

除了模糊度，blur()函数还可以接受其他值作为参数，例如blur(3px)就可以实现比较轻微的模糊效果。如果想要实现更强烈的模糊效果，就可以适当增加blur()函数的参数值。

除了模糊效果外，filter属性还支持其他值，例如grayscale()可以实现灰度效果，brightness()可以调整图像的亮度等等。如果想要了解更多有关filter属性的用法，可以参考W3C的相关文档。