css3 RGBA 红色R+绿色G+蓝色B+Alpha通道

时间:2022-04-23
本文章向大家介绍css3 RGBA 红色R+绿色G+蓝色B+Alpha通道,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

语法:   R:红色值。正整数 | 百分数   G:绿色值。正整数 | 百分数   B:蓝色值。正整数| 百分数   A:透明度。取值0~1之间 取值:   <length>:Hue(色调)。0(或360)表示红色,120表示绿色,当然可以取其他数值来确定其他颜色。   <percentage>:Saturation(饱和度),取值为0%到100%之间的值。   <percentage>:Lightness(亮度)。取值为0%到100% 之间值;   <opacity>:alpha(透明度)。取值在0到1之间。 例如:   background: rgba(255,255,0,1); 兼容性问题处理:   /* IE5 - 7 */     filter: alpha(opacity=80);   /* IE 8 */     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";   /* Everyone else */     opacity: 0.8;   写法: background: rgba(255,255,0,0.8);   第一种:前景色color     color: rgba(255, 0, 0,0.5);   第二种:边框色border-color     border:5px solid rgba(255,0,0,0.5);   第三种:字体的阴影色text-shadow     text-shadow : 0 2px 1px rgba(255,0,0,0.3);   第四种:改变边框阴影色     box-shadow: 0 2px 2px rgba(255,0,0,0.6);