1. 程式人生 > >CSS3(四)—— CSS3文字效果

CSS3(四)—— CSS3文字效果

RGBA 顏色值是 RGB 顏色值的擴充套件,帶有一個 alpha 通道 - 它規定了物件的不透明度。

RGBA 顏色值是這樣規定的:rgba(red, green, blue, alpha)。alpha 引數是介於 0.0(完全透明)與 1.0(完全不透明)的數字。

/* 基本語法 */
em { color: Rgba(red,green,blue,opacity) }
/* 舉例 */
em { color: rgba(255,0,0,1) }    /* 紅色,不透明 */
em { color: rgba(100%,0%,0%,1) } /* 同上 */

語法:

R:紅色值。正整數 | 百分數

G:綠色值。正整數 | 百分數

B:藍色值。正整數 | 百分數

A:透明度。取值0~1之間

取值:
<length> :
Hue(色調)。 0(或360)表示紅色,120表示綠色,240表示藍色,當然可取其他數值來確定其它顏色;
<percentage> :
Saturation(飽和度)。 取值為0%到100%之間的值;
<percentage> :
Lightness(亮度)。 取值為0%到100%之間的值;
<opacity> :
alpha(透明度)。 取值在0到1之間;
相容性: