毛玻璃效果是一種常見的美化網頁的方法，可以為頁面增添一份柔和的風情。而在 CSS 中，我們可以通過 after 偽元素來實現毛玻璃效果。

通過 before 和 after 偽元素，我們可以將虛擬元素插入到HTML元素的前面和后面，利用偽元素模擬元素，從而實現各種效果。在這里我們使用的是 after 偽元素。

.content{
position: relative;
}
.content::after{
content: "";
background: inherit;
filter: blur(10px); /* 毛玻璃效果實現，值越大毛玻璃越明顯 */
opacity: 0.9; /* 毛玻璃效果的透明度 */
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1; /* 確保偽元素在下層 */
}

如上代碼中，我們需要給需要添加毛玻璃效果的元素的父級元素添加 position: relative，然后在 after 偽元素中將 content 設置為空，并將 background 設置為 inherit（繼承父元素的背景色或背景圖）。

接下來通過 filter: blur(10px) 將該偽元素進行高斯模糊處理，從而實現毛玻璃效果。可以根據實際情況調節模糊值大小。

最后通過 opacity: 0.9 控制毛玻璃效果的透明度，保證文字內容等不會被模糊掉。其他屬性如 position 等的設置與之前使用 after 偽元素的方法相同。

使用 CSS after 偽元素實現毛玻璃效果，無需額外的圖片素材，且使用相對簡單，能為網頁增添一份獨特的視覺風格。