CSS3颜色属性-创新互联

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

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

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。