顏色由內向外漸變CSS

顏色由內向外漸變是指從元素的中心向邊緣逐漸改變顏色的效果。這種效果可以使用CSS3中的radial-gradient函數實現。radial-gradient函數的語法如下：

background: radial-gradient(shape size at position, start-color, ..., last-color);

其中，shape表示漸變的形狀，size表示漸變的尺寸，position表示漸變的位置，start-color表示漸變的起始顏色，last-color表示漸變的終止顏色。

下面是一個例子：

div {
background: radial-gradient(circle at center, red, yellow);
}

這段代碼會創建一個圓形漸變，起始顏色為紅色，終止顏色為黃色。其中，circle表示圓形，center表示中心位置。

radial-gradient函數還支持更多的參數，如漸變的形狀可以用ellipse代替circle、漸變的尺寸可以使用具體的長度值、漸變的位置可以使用具體的像素值或百分比等。

下面是一個更復雜的例子：

div {
background: radial-gradient(ellipse farthest-corner at 50% 50%, #fff, #ff0 50%, #f00);
}

這段代碼會創建一個橢圓形漸變，起始顏色為白色，中間顏色為黃色，終止顏色為紅色。其中，farthest-corner表示從元素中心到最遠角落的距離，50% 50%表示漸變的中心位置。

總之，CSS3的radial-gradient函數提供了一種簡單易用的方式來實現顏色由內向外漸變的效果。