火狐浏览器适用的 CSS简单的渐变背景

来源:互联网 发布:中国能源战略知乎 编辑:程序博客网 时间:2024/06/06 13:08
background: -moz-linear-gradient(left, #3992D0, rgba(227, 157, 168, 0.5));

从左到右第一个参数写left;


从上到下则写top;


第二个参数是渐变开始的颜色;

第三个参数是渐变结束的颜色和透明度。


所谓rgba:

R:红色值。正整数 | 百分数

G:绿色值。正整数 | 百分数

B:蓝色值。正整数 | 百分数

A:Alpha透明度。取值0~1之间。


前三个值(红绿蓝)的范围为0到255之间的整数或者0%到100%之间的百分数。这些值描述了红绿蓝三原色在预期色彩中的量。

如果你想设置纯红色,那么把red参数设置满,即255,绿,蓝设置0即可。


第四个值, alpha, 制定了色彩的透明度/不透明度,它的范围为0.0到1.0之间。