css3實(shí)現(xiàn)div旋轉(zhuǎn) css hsla和rgba的區(qū)別?
css hsla和rgba的區(qū)別?在CSS3中,您可以使用RGBA和HSLA顏色模式,這兩種模式都可以用于同時(shí)設(shè)置顏色和透明度。RGBA表示“紅-綠-藍(lán)-阿爾法”,HSLA表示“色調(diào)-飽和度-亮度-阿
css hsla和rgba的區(qū)別?
在CSS3中,您可以使用RGBA和HSLA顏色模式,這兩種模式都可以用于同時(shí)設(shè)置顏色和透明度。RGBA表示“紅-綠-藍(lán)-阿爾法”,HSLA表示“色調(diào)-飽和度-亮度-阿爾法”。
在RGBA模式下,前三個(gè)參數(shù)是紅色、綠色和藍(lán)色強(qiáng)度值,范圍從0到255或0%-100%。在HSLA模式下,前三個(gè)參數(shù)表示色調(diào)(0-360)、飽和度(0%-100%)和亮度(0%-100%)。背景色:HSLA(182,44%,76%,),。5) 背景色:RGBA(166218220,76%,),。5) ,5)
對(duì)于IE兼容性:IE8和早期版本不支持HSLA/RGBA,但有以下替代方法:
為這些瀏覽器指定十六進(jìn)制、RGB或HSL格式的不透明背景
平鋪一個(gè)小的半透明PNG圖像作為背景圖像(但會(huì)添加HTTP請(qǐng)求,而且IE6不支持alpha透明PNG圖像)
使用漸變?yōu)V鏡
當(dāng)然還有一個(gè)工具把輸入值自動(dòng)轉(zhuǎn)換成相應(yīng)的濾鏡值。
CSS中rgb和rgba有什么區(qū)別?
在CSS3中,RGB和RGBA沒有區(qū)別。它們都支持RGB三色和α通道。但是,css2.1中的RGB只接受R、G和B參數(shù)。因此,為了保證兼容性,當(dāng)需要透明色時(shí),應(yīng)使用RGBA而不是四參數(shù)的RGB