CSS是一種樣式語言，在網頁設計中起著非常重要的作用。其中，通過使用CSS可以實現許多特殊的效果，例如磨砂效果。

磨砂效果可以讓圖片變得更有視覺層次和立體感，是許多設計師鐘愛的一種效果。下面就讓我們來學習如何使用CSS來制作磨砂效果圖片吧。

.container {
position: relative;
display: inline-block;
}
.container::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
z-index: 1;
}
img {
position: relative;
z-index: 2;
}

在上述代碼中，我們使用了一個div容器來包含要添加磨砂效果的圖片。然后，在容器的偽元素after中，我們使用了一個漸變函數來指定磨砂效果的顏色和透明度。

最后，我們把要添加磨砂效果的圖片設置為相對定位，并放在容器的z軸上方，即可完成一個磨砂效果圖片的制作。

通過上述簡單的代碼，我們就可以輕松實現一個漂亮的磨砂效果圖片了。相信在今后的網頁設計中，這種效果還會經常被使用到。