什么是CSS模糊？
CSS模糊是一种处理图像或文本边缘的效果，使其具有模糊效果。这个效果使得图像的边缘更加柔和，它可以用来创造一些很酷的视觉效果。在CSS中，模糊效果可以应用于任何元素，包括图片和文本。
如何在CSS中应用模糊？
要在CSS中应用模糊，可以使用blur()函数。该函数接受一个参数，即模糊距离。根据模糊距离的不同，模糊效果会在元素周围产生不同程度的模糊。以下是CSS代码示例：
img {
filter: blur(5px);
}
p {
filter: blur(2px);
}
在上面的代码中，我们给图片设置了5像素的模糊距离，而给段落设置了2像素的模糊距离。
如何改变模糊效果的强度？
在CSS中，可以使用不同的模糊距离来调整模糊效果的强度。增加模糊距离会使效果更加模糊，减少模糊距离会使效果更加清晰。然而，需要注意的是，模糊距离不能为负数。
当模糊距离为0时，元素将不会产生模糊效果。您可以使用小数来设置模糊距离的强度，例如：
img {
filter: blur(0.6px);
}
p {
filter: blur(1.2px);
}
上面的代码演示了如何使用小数设置模糊距离的强度。
如何应用多个CSS过滤器？
CSS还允许您同时应用多个过滤器。例如，您可以将模糊和对比度过滤器组合在一起，以获得更鲜明的效果。以下是CSS代码示例：
img {
filter: blur(5px) contrast(150%);
}
上面的代码演示了如何同时应用模糊和对比度过滤器。
如何将CSS模糊效果应用于背景图像？
要在CSS中将模糊效果应用于背景图像，可以使用以下代码：
div {
background-image: url('example.jpg');
filter: blur(5px);
}
上面的代码演示了如何将模糊效果应用于一个背景图像的div元素上。
结论
CSS模糊效果是一种非常酷的视觉效果，可以用来为网站创建出更加柔和和更加清晰的视觉效果。要在CSS中应用模糊，可以使用blur()函数，它接受一个模糊距离参数。可以使用小数来设置模糊距离的强度。您还可以将CSS模糊效果应用于背景图像。通过同时使用不同的CSS过滤器，可以创建出非常丰富的视觉效果。
