欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS学习(十五)-CSS颜色模式、CSS颜色透明度_html/css_WEB-ITnose

程序员文章站 2022-05-03 08:52:22
...
一、理论:
1.CSS3颜色模式
a.RGBA颜色模式,在RGB基础上加了控制alpha透明度的参数
b.HSL颜色模式:色调 饱和度 亮度
c.HSLA颜色模式:A值取于0-1之间,值越大,透明度越低
2.RGBA/HSLA滤镜格式
a.需要用转换工具才能在ie8及以下版本中使用RGBA/HSLA颜色模式相同的透明度,需要将RGBA/HSLA中的透明值乘以255,然后将其转换成十六进制值

二、实践:

1.

Title
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
2.

Title
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2
1
0.8
0.6
0.4
0.2