1. 程式人生 > >css3顏色控制,alpha和漸變

css3顏色控制,alpha和漸變

超出 str 範圍 語法 png 技術 技術分享 pre let

RGBA是在RGB的基礎上增加了控制alpha透明度的參數。

color:rgba(R,G,B,A)

以上R、G、B三個參數,正整數值的取值範圍為:0 - 255。百分數值的取值範圍為:0.0% - 100.0%。超出範圍的數值將被截至其最接近的取值極限。並非所有瀏覽器都支持使用百分數值。A為透明度參數,取值在0~1之間,不可為負值。

background-color:rgba(100,120,60,0.5);

漸變:

語法:linear-gradient(to bottom,#fff,#999)

第一個參數是漸變的方向:可以用角度和英文表示,默認為180deg,即 to bootom。0deg表示向上,度數增加,順時針旋轉;
技術分享圖片

第二個參數表示顏色,可以有兩個以上的值;

background-image:linear-gradient(to left, red, orange,yellow,green,blue,indigo,violet);

技術分享圖片

css3顏色控制,alpha和漸變