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