颜色
todo 渐变需要去 mdn 深入学习
rgba
r, red , 红色 。0 - 255
g, green , 绿色 。0 - 255
b, blue , 蓝色 。0 - 255
a, alpha , 透明度。0 ~ 1
css
background-color: rgba(100, 120, 60, 0.5);linear / 线性渐变
https://developer.mozilla.org/zh-CN/docs/Web/CSS/gradient/linear-gradient
css
linear-gradient( 角度 , 开始颜色 , 结束颜色 )角度 可以用 "英文" 和 "角度"
linear-gradient:
0 deg
则默认为 to bottom。
0deg 等价于 to top
180deg 等价于 to bottom
270deg 等价于 to left
90deg 等价于 to right
示例:
- 135deg, orange 60%, cyan 从渐变线 60% 处开始的渐变
- 45deg, red 0 50%, blue 50% 100%
radial / 径向渐变
https://developer.mozilla.org/zh-CN/docs/Web/CSS/gradient/radial-gradient
css
radial-gradient(渐变的位置, red 0, blue, green 100%)radial-gradient:
conic
conic-gradient: