CSS徑向漸變是一種可以為元素添加圓形、橢圓形或圓錐形的漸變效果的CSS屬性。使用徑向漸變可以為頁面元素創建更加生動、豐富的視覺效果。下面來一步步了解CSS徑向漸變。

首先，我們需要聲明一個漸變的樣式，可以使用background-image屬性來添加徑向漸變。在此之前，我們需要先為該屬性設置一個linear-gradient()函數作為值來進行聲明。

background-image: radial-gradient();

在上述代碼中，我們聲明了一個徑向漸變的樣式。接下來，我們需要對該漸變進行更加詳細的設置。

在函數中可以使用以下幾個參數來控制徑向漸變的效果：

• 圓心位置。使用at關鍵字 + 圓心位置（可以使數字或者百分比），例如：

background-image: radial-gradient(at 50% 50%, #FFF, #000);

• 半徑大小。可以使用具體的長度值或者百分比，例如：

background-image: radial-gradient(circle 50px at 50% 50%, #FFF, #000);
background-image: radial-gradient(circle 50% at 50% 50%, #FFF, #000);

• 顏色。根據需要可以添加多個漸變色，例如：

background-image: radial-gradient(circle 50% at 50% 50%, #FFF, #000, red);

最后，我們可以為不同的瀏覽器設置不同的CSS語言，防止瀏覽器不兼容產生視覺誤差。

background-image: -webkit-radial-gradient(center, #FFF, #000);
background-image: -moz-radial-gradient(center, #FFF, #000);
background-image: -o-radial-gradient(center, #FFF, #000);
background-image: radial-gradient(center, #FFF, #000);

以上便是CSS徑向漸變的主要使用方法。我們可以通過添加更多顏色、調整半徑大小和圓心位置等方法，為元素添加各種不同的徑向漸變效果。