css颜色

css颜色

十六进制颜色 #

rgb颜色 红绿蓝

rgba颜色+透明

HSL 色相 饱和度 亮度

HSLA 颜色+透明度

颜色渐变 需要通过背景图实现

线性渐变

background-image:linear-gradient()

左向右的方向(to right)

对角(to bottom right)

角度(-90deg)0deg从下到上，旧的浏览器从左到右，

重复的线性渐变 background-image:repeating-linear-gradient(red,yellow 10%)

径向渐变

从圆心向四周发散

background-image:radial-gradient(red,yellow)

不均匀分布

background-image:radial-gradient(red 5%,yellow 15%)

发散的形状

circle圆形，ellipse椭圆

background-image:(circle,red,yellow)

不同尺寸

closest-side

farthest-side

closest-corner

farthest-corner

background-image:radial-gradient(farthest-side at 60% 50% red)

一个重复的径向渐变

background-image:repeating-radial-gradient(red,yellow 10%)