徑向漸變(Ripple Effect)是一種在 CSS 中實(shí)現(xiàn)顏色或漸變效果的樣式。與傳統(tǒng)的漸變不同，徑向漸變的背景顏色不是固定不變的，而是通過徑向漸變器(Ripple Effect Manager)來控制漸變的起點(diǎn)、終點(diǎn)和速率。

在 CSS 中，可以使用以下三個(gè)屬性來控制徑向漸變的起點(diǎn)、終點(diǎn)和速率：

1. `background-color`: 設(shè)置漸變的背景顏色。

2. `gradient`: 設(shè)置徑向漸變器，可以設(shè)置多個(gè)漸變角度和起始顏色、結(jié)束顏色、結(jié)束角度等。

3. `漸變持續(xù)時(shí)間`: 設(shè)置徑向漸變的持續(xù)時(shí)間，單位為毫秒。

當(dāng)這三個(gè)屬性都設(shè)置后，就可以使用 CSS 來實(shí)現(xiàn)徑向漸變效果。例如，以下代碼段可以實(shí)現(xiàn)一個(gè)藍(lán)色到綠色的漸變效果：

```html

<style>

.parent {

width: 100px;

height: 100px;

background-color: #000;

-webkit-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, #001));

-moz-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, #001));

-o-gradient(linear, left top, left bottom, color-stop(0, #000), color-stop(1, #001));

Gradient: 0% 0%, 100% 100%;

</style>

在這個(gè)例子中，使用了一個(gè) `gradient` 屬性來設(shè)置徑向漸變器，其中使用了三個(gè)漸變角度(0度、50度、100度)，并設(shè)置了漸變的起點(diǎn)和終點(diǎn)顏色為藍(lán)色，結(jié)束顏色為綠色。最后，將整個(gè)頁(yè)面的背景顏色設(shè)置為 #000，就可以實(shí)現(xiàn)一個(gè)藍(lán)色到綠色的漸變效果。

除了使用 `gradient` 屬性外，還可以使用其他類型的漸變效果，如線性漸變、三角漸變、圓形漸變等。使用不同的漸變效果，可以創(chuàng)造出更多不同的樣式效果，讓頁(yè)面更加豐富多彩。

徑向漸變是一種靈活、多樣的 CSS 漸變效果，通過設(shè)置不同的漸變屬性，可以實(shí)現(xiàn)各種樣式效果，讓頁(yè)面更加生動(dòng)、有趣。