要向網站上的圖片添加模糊效果，可以使用CSS的filter屬性。filter屬性允許您應用各種圖形效果，如模糊、反色、對比度等，從而使圖像產生更好的可視化效果。對于需要添加模糊效果的圖片，你可以通過以下代碼實現：

img {
filter: blur(5px);
}

在上面的代碼中，我們使用了blur函數來添加模糊效果。blur函數允許您指定像素數來控制模糊效果的程度。在上述代碼中，我們將像素數設置為5px。這意味著圖像將被模糊顯示，如下圖所示：

如果您需要添加動畫效果，則可以使用CSS中的transition屬性來創建一個平滑的過渡效果。例如：

img {
filter: blur(5px);
transition: filter 0.5s ease;
}
img:hover {
filter: blur(0);
}

在上面的代碼中，我們為圖像設置了一個鼠標懸停事件。當鼠標懸停在圖像上時，圖像將逐漸恢復到原始狀態，直到變得清晰。這樣，我們就創建了一個平滑的模糊/清晰動畫效果。

總之，要在您的網站上添加CSS模糊效果，只需使用blur函數即可。您可以通過調整像素數來控制效果的程度，并使用transition屬性來創建平滑的動畫效果。希望這篇文章對您有所幫助！