CSS 圖片邊緣漸變透明是一種美觀的設計效果，可以在圖片的邊緣實現逐漸消失的效果。

img {
position: relative;
}
img::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(to right, transparent, #000);
z-index: 1;
}

上述 CSS 代碼中，使用了偽元素 ::before 為圖片添加一層疊加層，設置了漸變的背景，以實現逐漸消失的效果。該漸變是從左側到右側的，從完全透明到黑色，可以根據需要調整漸變的顏色和方向。

需要注意的是，圖片要設置 position: relative;，才能讓偽元素 ::before 相對于圖片進行定位。同時，z-index 屬性也要設置為正數，保證在層疊關系上位于圖片上方。

該效果可以應用于網頁設計中的圖片展示、輪播圖等場景，增加圖片的立體感和視覺效果。