CSS玻璃效果圖越來越受歡迎，現在成為了許多設計師的最愛。玻璃效果圖通常用于網站背景、濾鏡和導航菜單等。下面是一個簡單的CSS玻璃效果圖示例，我們可以用它來熟悉一下CSS中的模糊濾鏡屬性：

.glass {
width: 400px;
height: 400px;
background: url('path/to/image.jpg');
position: relative;
}
.glass:before {
content: "";
background: inherit;
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
filter: blur(10px);
opacity: 0.5;
z-index: -1;
}

首先，我們需要一個容器來使用玻璃效果圖。在上例中，我們使用了一個400x400像素的帶有背景圖的DIV容器。

其次，我們需要使用:before偽元素來創建模糊效果。在這個偽元素中，我們設置了一個-10像素的偏移量，使它覆蓋整個容器。接著，我們對偽元素應用了10像素的模糊濾鏡和50%的不透明度，以創建玻璃效果圖。最后，我們將偽元素的z-index設置為-1，使它在容器下方。

可以通過改變以上代碼的屬性值來調整玻璃效果的強度和透明度，從而創建出不同的效果圖。因此，通過掌握CSS模糊濾鏡屬性和偽元素，我們可以輕松地創建個人風格獨特的玻璃效果圖。