1 第一种颜色表示方式:RGBA

RGBA 分别表示Red(红色), Green(绿色),Blue(蓝色),Alpha(透明度通道)

透明度取值范围0 ~ 1 ,颜色 0 ~ 255 例如:rgba(255, 0, 50, 0.5);

css3 之前,设置透明度是可以通过opacity来设置。可被子类继承

通过rgba设置的透明度,不具有继承性,不会影响子元素的透明度

通过示例代码来验证RGBA的透明度不会被子类继承

① 父类,子类均未设置透明度

CSS3-新增颜色

② 父类通过opacity设置透明度

CSS3-新增颜色

③ 通过rgba来给父元素设置透明度

CSS3-新增颜色


2 第二种颜色表示方式:HSLA

HSLA 是 Hue(色调)、Saturation(饱和度)、Lightness(亮度)、Alpha(透明度) 的缩写

取值范围:

H 色调: 0 ~ 360, 360红色、120绿色、240蓝色

Saturation 饱和度:0% ~ 100%

Lightness 亮度:0% ~ 100%

Alpha 透明度:0 ~ 1

使用

用法与rgba相同,hsla(240, 50%, 50%, .5);


相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-09-23
  • 2021-05-21
  • 2021-05-06
  • 2021-12-20
  • 2021-12-22
  • 2021-12-22
猜你喜欢
  • 2021-12-22
  • 2021-10-05
  • 2022-02-19
  • 2021-07-11
  • 2021-08-27
  • 2022-01-15
  • 2022-12-23
相关资源
相似解决方案