CSS3是Web開發中必不可少的一環，它可以讓我們的頁面變得更加美觀、動態。其中，顏色變化也是一種十分常用的效果。下面我們來學習一下CSS3中顏色變化的用法。

/* 單一顏色漸變 */
background: linear-gradient(to bottom, #ff0000, #0000ff);
/* 多重顏色漸變 */
background: linear-gradient(to bottom, #ff0000, #ff8000, #ffff00, #00ff00, #00ffff, #0000ff, #800080);
/* 徑向漸變 */
background: radial-gradient(#ff0000, #0000ff);
/* 從中心點開始的徑向漸變 */
background: radial-gradient(ellipse at center, #ff0000, #0000ff);

這里我們介紹了四種常用的顏色變化方式。

第一種是單一顏色漸變，這種方式從上到下漸變。其中，to bottom表示從上往下，#ff0000表示起始顏色，#0000ff表示結束顏色。

第二種是多重顏色漸變，這種方式在第一種的基礎上增加了中間的顏色種類，可以根據需要自己添加。其中，逗號隔開的每個值表示一種顏色。

第三種是徑向漸變，這種方式是一個圓形的輻射狀顏色變化，#ff0000表示起始顏色，#0000ff表示結束顏色。

第四種是從中心點開始的徑向漸變，這種方式在第三種的基礎上增加了中心點。其中，ellipse at center表示中心點為橢圓的圓心。

以上就是CSS3中常用的顏色變化方式，希望對大家有所幫助。