本文目錄導(dǎo)讀：

1. 使用CSS濾鏡
2. 使用CSS背景模糊

CSS圖片***：讓圖片變模糊

在網(wǎng)頁設(shè)計(jì)中，CSS是一種強(qiáng)大的工具，可以用來控制網(wǎng)頁的外觀和布局，圖片***是CSS中的一個(gè)重要應(yīng)用，可以讓圖片更加生動(dòng)、有趣，我們將介紹如何用CSS將圖片變模糊。

使用CSS濾鏡

CSS濾鏡是一種強(qiáng)大的工具，可以用來對(duì)圖片進(jìn)行處理，包括模糊、亮度、對(duì)比度等。filter: blur()函數(shù)可以將圖片變得模糊，我們可以將這個(gè)函數(shù)應(yīng)用到一個(gè)圖片上，來調(diào)整圖片的清晰度。

img {
  filter: blur(5px);
}

上面的代碼將使得圖片變得較為模糊。5px是模糊半徑，可以根據(jù)需要進(jìn)行調(diào)整，需要注意的是，濾鏡會(huì)改變圖片的尺寸和分辨率，因此在使用時(shí)需要謹(jǐn)慎。

使用CSS背景模糊

除了使用濾鏡外，我們還可以使用CSS的背景模糊屬性來實(shí)現(xiàn)圖片的模糊效果，這個(gè)屬性可以將背景圖片變得模糊，而不會(huì)改變前景元素。

div {
  background-image: url('image.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  filter: blur(10px);
}

上面的代碼將使得背景圖片變得較為模糊，而前景元素不受影響，需要注意的是，背景模糊屬性只適用于背景圖片，而不適用于前景元素。

使用CSS可以將圖片變得模糊，有兩種方法可以實(shí)現(xiàn)：使用濾鏡和使用背景模糊屬性，濾鏡可以改變圖片的清晰度和尺寸，而背景模糊屬性只適用于背景圖片，在實(shí)際應(yīng)用中，可以根據(jù)需要選擇適合的方法來實(shí)現(xiàn)圖片的模糊效果。