渐变色代码

例子:linear-gradient(to top, #0ba360 0%, #0ba360 100%)

1、linear-gradient 线性渐变

CSS3 定义了两种类型的渐变(gradients):
线性渐变(Linear Gradients)- 向下/向上/向左/向右/对角方向
径向渐变(Radial Gradients)- 由它们的中心定义

2、默认从上到下,

# to top 从下到上渐变
# to left 从右到左渐变
# to right 从左到右渐变
# to bottom right 从左上角到右下角渐变

3、#0ba360和#0ba360分别代表16进制的颜色数值,分别对应不同的颜色,可以通过下面进行转换

RGB颜色值与十六进制颜色码转换工具

部分颜色对照表
在这里插入图片描述

4、 0%和100%表示从0到100这个位置的变换
三种颜色可以使用:颜色数值 0%, 颜色数值 25%, 颜色数值100%

5、代码解释
linear-gradient(to top, #0ba360 0%, #0ba360 100%)
表示,0%的位置使用#0ba360,100%的位置使用#0ba360,从下到上线性渐变。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐