Skip to content

颜色

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: