CSS 圖片加模糊效果 想必大家都知道 CSS 的圖像模糊效果，但是如何為圖片加上模糊效果呢？ 首先，我們需要將圖片引入到 HTML 文件中，如下所示：

<img src="example.jpg" alt="example">

然后，我們需要使用 CSS 給這張圖片加上模糊效果，如下所示：

p {
filter: blur(5px);
}

這個 `filter` 屬性可以給任何 HTML 元素添加特效，包括圖片。在這里，我們使用了 `blur()` 函數來達到圖片模糊的效果。`blur()` 函數中的參數表示模糊的程度，這里設置為 5px，你也可以根據你的需要進行調整。 最后，在 HTML 文件中將這個效果應用到圖片上，如下所示：

<p>
<img class="blur" src="example.jpg" alt="example">
</p>

我們在 `img` 標簽中添加了一個 class `blur`，這樣就可以將 `filter` 屬性添加到這個圖片上。 總之，CSS 的圖像模糊效果非常容易實現，只需要幾分鐘就可以為你的網站添加一個新的元素。