CSS可以讓我們在網頁中實現各種效果，其中模糊背景圖是一種非常實用的技術。在實際開發中，經常需要把一張圖片作為背景圖來展示，而有時候我們又希望能讓這張背景圖模糊一些，以達到更好的視覺效果。

要實現模糊背景圖，我們需要借助CSS中的filter屬性。該屬性可以對元素應用圖形效果（如模糊、對比度變化等），從而改變元素的外觀。在這里，我們主要使用blur（模糊）效果來實現模糊背景圖的效果。

background-image: url("example.png");
filter: blur(5px);

上面的代碼片段中，我們首先指定了背景圖所在的URL，然后在filter屬性中加入了blur效果，其中5px指的是模糊程度，可以根據需要進行調整。需要注意的是，filter屬性的使用前提是必須設置了background-image屬性，否則無法實現模糊背景圖的效果。

另外，還有一些小技巧可以讓我們更好地應用模糊背景圖。比如可以對背景圖進行旋轉、放大縮小等操作，從而增加視覺上的層次感。下面是一段示例代碼：

background-image: url("example.png");
filter: blur(5px) grayscale(50%);
transform: rotate(5deg) scale(1.2);

在這段代碼中，我們除了使用了blur濾鏡外，還增加了grayscale濾鏡（可以將圖片變為黑白效果），并對元素進行旋轉和縮放操作。這些技巧，可以讓我們在實現模糊背景圖的同時，提升頁面的視覺效果。