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

发布时间：2020-10-13 13:53:59 阅读：273 作者：谢育政栏目：开发技术

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

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之间。

向AI问一下细节

猜你喜欢