CSS徑向漸變是一種很棒的特效，可以用來實現各種各樣的視覺效果。其中，使用CSS徑向漸變來模擬光源是非常常見的應用場景。本文就給大家介紹一下如何使用CSS徑向漸變來制作光源效果。

/* 創建一個半徑為300px的徑向漸變，從白色到黑色 */
background: radial-gradient(circle at center, #FFF, #000);

上面的代碼使用了 CSS 的 radial-gradient 屬性來創建一個半徑為 300px 的徑向漸變，在中心點處顏色為白色，漸變到邊緣處為黑色。我們可以把這個漸變應用在一個元素上，來模擬光源的效果：

.light-source {
width: 300px;
height: 300px;
background: radial-gradient(circle at center, #FFF, #000);
border-radius: 50%;
box-shadow: 0 0 50px rgba(255, 255, 255, .5) inset;
}

上面的代碼給一個元素設置了一個寬高為 300px 的正方形，并設置了一個半徑為 50% 的圓角，讓元素變成了一個圓形。然后，我們把之前創建的漸變應用到了元素的背景上，從而模擬了一個光源。為了讓這個光源看起來更加真實，我們還通過 box-shadow 屬性添加了一層白色透明的內投影。

除此之外，我們還可以通過控制徑向漸變的位置來模擬不同方向的光源效果：

/* 從左上角位置開始的光源 */
.background {
background: radial-gradient(circle at top left, #FFF, #000);
}
/* 從右下角位置開始的光源 */
.background {
background: radial-gradient(circle at bottom right, #FFF, #000);
}
/* 從中心位置開始的光源 */
.background {
background: radial-gradient(circle at center, #FFF, #000);
}

上面的代碼分別演示了三種不同位置的徑向漸變，分別從左上角、右下角和中心位置開始。你可以根據具體需求去選擇使用對應的位置和顏色。

通過上面的介紹，相信大家已經了解了如何使用 CSS徑向漸變來制作光源效果了。這個特效可以應用到各種不同的場景中，帶來出色的視覺效果。大家可以嘗試著來做一些更加有趣的實現，發揮想象力，創造出更加豐富多彩的效果。