CSS3中提供了一種用于設置顏色透明度的方法,即rgba。rgba即red, green, blue, alpha的縮寫,通俗點說,就是紅、綠、藍三種顏色的混合加上一個透明度值。
rgba的使用方法與標準顏色一樣,只需要在屬性值中寫入rgba顏色值即可。下面是一個簡單的例子:
background-color: rgba(255, 255, 255, 0.5);
上面的代碼表示的是一個白色背景的半透明效果,其中0.5的值表示透明度,0為完全透明,1為完全不透明。
此外,我們還可以在使用rgba時,將透明度值作為一個單獨的屬性來使用,如下所示:
background-color: rgba(255, 255, 255); opacity: 0.5;
上面的代碼與第一個例子是等價的,只是將透明度值從rgba顏色中分離了出來,并且改為使用opacity屬性來設置透明度。
需要注意的是,使用rgba時,可以省略掉前面的0,如rgba(255, 255, 255, .5)與rgba(255, 255, 255, 0.5)是等價的。
總的來說,rgba是一種非常方便的設置顏色透明度的方法,可以很好地應用在網頁設計中,為網頁帶來更加豐富多彩的效果。
上一篇css3 led
下一篇css3 parent