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屬性在某些瀏覽器中并不兼容,因此在使用時需要格外注意兼容性問題。