======================================================================================

CSS 3 颜色属性


1. rgba (rgb, a(透明度))；


2. HSL （色相[0-360]，饱和度[0-100%]，亮度[0-100%]）


3. HSLa


=====================================================================================

opacity ----- 设置不透明度 [0-1]

****一个元素的opacity属性会应用到这个元素本身以及这个元素所有的子孙元素上

=====================================================================================

颜色渐变


1.线性渐变

background: linear-gradient(to bottom, red ,yellow);

//渐变方向/角度，第一种颜色，第二种颜色,...

关键字表示方向： left,right,top,bottom;

left top, right top, left bottom, right bottom

用数字表示角度： 0--360 单位 deg


2.径向渐变

background: radial-gradient(渐变形状（可选）、大小 at 位置，颜色一，颜色二)；

渐变形状：circle(圆形) 、 ellipse（椭圆形—默认）

大小： 长度（px）\ 百分数 （80% 20%）

位置：center\left\right\bottom\top\top left\top right\bottom left\bottom right