CSS漸變效果在網頁設計中被廣泛應用。其中一種常見的漸變效果就是圖片左上角的漸變效果，這種效果可以讓圖片看起來更具有層次感和立體感，從而提升網頁設計的美感和用戶體驗。

/* 圖片左上角漸變效果的CSS代碼 */
background: linear-gradient(to top left, rgba(0,0,0,0.6), rgba(0,0,0,0));

上面的CSS代碼是實現圖片左上角漸變效果的關鍵，其中“linear-gradient”是漸變函數，“to top left”表示從右下向左上方向漸變，“rgba(0,0,0,0.6)”表示漸變的起始顏色（黑色，透明度為60%），“rgba(0,0,0,0)”表示漸變的終止顏色（黑色，透明度為0）。

需要注意的是，使用此CSS代碼的前提是圖片的背景為透明的，否則會影響漸變效果的展示。因此，在使用之前需要將圖片的背景處理為透明或者是與漸變顏色相同。

總之，圖片左上角漸變效果是網頁設計中簡單而實用的一種效果，它可以讓頁面看起來更具有層次感和立體感，增強用戶對網頁的好感和粘性。