【CSS】：渐变色

渐变色代码

例子：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，从下到上线性渐变。