在網(wǎng)頁中,有時(shí)我們需要讓圖片模糊,這時(shí)候可以使用CSS的filter屬性來實(shí)現(xiàn)。
img { filter: blur(5px); }
上面的代碼中,使用了blur()函數(shù)來實(shí)現(xiàn)圖片模糊。括號(hào)中的數(shù)字表示模糊程度,數(shù)字越大則模糊程度越高。
除了blur()函數(shù),還有其他的濾鏡函數(shù)可以使用,例如:
- grayscale() 使圖片灰度
- brightness() 調(diào)整圖片的亮度
- contrast() 調(diào)整圖片的對(duì)比度
img { filter: grayscale(100%); filter: brightness(50%); filter: contrast(200%); }
需要注意的是,CSS的filter屬性在一些老舊的瀏覽器中可能無法支持,因此在實(shí)際使用的過程中需要進(jìn)行兼容性處理。