在CSS3中，我們可以使用opacity屬性來控制元素的透明度。
語法：
opacity:數值;
說明：
opacity屬性取值范圍為0.0~1.0，0.0表示完全透明，1.0表示完全不透明（默認值）。
opacity屬性取值不可以為負數。
RGBA顏色，說白了，就是在RGB的基礎上加了一個透明度通道Alpha。
語法：
rgba(R,G,B,A)
說明：
R：紅色值（Red）；
G：綠色值（Green）；
B：藍色值（Blue）；
A：透明度（Alpha）；
R、G、B三個參數可以為正整數，也可以為百分比。正整數值的取值范圍為0～255，百分數值的取值范圍為0.0%～100.0%。超出范圍的數值將被截至其最接近的取值極限。並非所有浏覽器都支持使用百分數值。
參數A為透明度，類似opacity，取值范圍在0~1之間，不可為負值。
在CSS3中，線性漸變指的是一條直線上進行的漸變。在網頁中，大多數漸變效果都是線性漸變。
語法：
rgba(R,G,B,A)
CSS3徑向漸變，是一種從起點到終點顏色從內到外進行圓形漸變（從中間向外拉，像圓一樣）。CSS3徑向漸變是圓形或橢圓形漸變，顏色不再沿著一條直線編號，而是從一個起點向所有方向漸變。
語法：
background-image:radial-gradient(position ,shape size,start-color,stop-color)
說明：
position：定義圓心位置；
shape size：由2個參數組成，shape定義形狀（圓形或橢圓），size定義大小；
start-color：定義開始顏色值；
stop-color：定義結束顏色值；
position、shape size都是可選參數，如果省略，則表示該項參數采用默認值。大家要非常清楚這一點，不然這一節的代碼你有可能看不懂。
start-color和stop-color為必選參數，並且徑向漸變可以有多個顏色值。