淘先锋技术网

首页 1 2 3 4 5 6 7
CSS中的blur属性可以给网页元素添加模糊效果,增加视觉美感和艺术感。那么,如何设置blur呢? 我们可以用CSS中的filter属性来设置元素的blur效果。下面是一个示例代码,将给一个图片添加10px的模糊效果:
img {
filter: blur(10px);
}
在这个例子中,设置了filter属性,并将其值设置为blur(10px)。这表示给图片添加了10像素的模糊效果。 除了使用像素值,还可以使用其他单位来设置blur值,例如em、rem等。 同时,我们可以使用多个filter属性来组合多种效果。比如,添加模糊和透明度效果可以使用以下代码:
img {
filter: blur(10px) opacity(50%);
}
在这个例子中,同时使用了blur和opacity属性,分别添加了10像素的模糊效果和50%的透明度效果。 需要注意的是,filter属性在某些浏览器中并不兼容,因此在使用时需要格外注意兼容性问题。