CSS 3 顏色屬性

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

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