在CSS中,可以使用filter
屬性來(lái)制作模糊背景圖片。filter
屬性中的blur
函數(shù)可以將圖片變得模糊,以下是一些示例代碼:
1、模糊背景圖片:
body { background-image: url('your-image-url'); filter: blur(5px); }
在上面的代碼中,your-image-url
是你要使用的背景圖片的URL。filter: blur(5px)
會(huì)將圖片變得模糊,其中5px
是模糊的半徑,你可以根據(jù)需要調(diào)整這個(gè)值。
2、模糊前景圖片:
img { filter: blur(3px); }
在上面的代碼中,img
選擇器會(huì)將所有的圖片變得模糊,你可以根據(jù)需要調(diào)整模糊半徑。
需要注意的是,使用filter
屬性來(lái)模糊圖片可能會(huì)影響頁(yè)面的性能,因?yàn)樗枰嗟挠?jì)算資源來(lái)處理圖片,在使用時(shí)需要注意權(quán)衡利弊。