/* 使图像模糊 */ img { filter: blur(5px); } /* 使文字模糊 */ p { backdrop-filter: blur(5px); }
如上所示,大家可以使用CSS中的filter
属性来实现图像模糊。在上述代码中,大家将filter
属性的值设置为blur(5px)
,意思是将图像模糊5像素。
同样地,大家也可以使用CSS中的backdrop-filter
属性来实现文字或背景的模糊。上述代码示例中,大家将backdrop-filter
属性的值也设置为blur(5px)
。需要注意的是,backdrop-filter
属性目前只有在Chrome和Safari浏览器中支持,其他浏览器暂不支持。
此外,大家还可以通过调整blur
属性的值来实现更细粒度的控制,以达到最终想要的效果。
总的来说,使用CSS设置模糊效果非常简单,可以很容易地为大家的网页增添一些艺术感或优美感。