掌握CSS中设置颜色透明度的属性和取值方法

掌握CSS中设置颜色透明度的属性和取值方法 第一张

CSS中设置颜色透明度

CSS中设置颜色透明度的属性及取值方法为:opacity。

opacity属性用于指定元素的不透明度,值从0.0(完全透明)到1.0(完全不透明)之间,默认值为1.0。

div {
  opacity: 0.5;
}

CSS3新增了一种替代方法,可以使用rgba()函数来指定颜色的透明度。该函数有4个参数,分别是:red(红色),green(绿色),blue(蓝色),alpha(透明度)。

div {
  background-color: rgba(255,0,0,0.5);
}

CSS3还提供了一种新的属性:filter,可以用来指定元素的不透明度。该属性有一个参数:alpha,该参数的取值范围从0.0(完全透明)到1.0(完全不透明)之间,默认值为1.0。

div {
  filter: alpha(opacity=50);
}

以上就是CSS中设置颜色透明度的属性及取值方法,可以根据实际需要选择合适的取值方法,以达到更好的视觉效果。

© 版权声明
THE END
分享