顏色漸變標準語句

/* 默認從上至下漸變*/
background: linear-gradient(red,blue);

/* 從左到右漸變*/
background: linear-gradient(to right,red,blue);

/* 從左上角到右下角漸變*/
background: linear-gradient(to bottom right,red,blue);

/*從上至下漸變 詳見圖角度變換*/
background: linear-gradient(180deg,red,blue);

/* 顏色節點變換 顏色從左向右 方向默認*/
background: linear-gradient(red, green, blue);

/*一個帶有彩虹顏色和文本的線性從線性漸變 indigo 靛藍 voilet 紫羅蘭*/
background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);

/* rgba() 函數來定義顏色結點。rgba() 函數中的最後一個參數能夠是從 0 到 1 的值，它定義了顏色的透明度：0 表示徹底透明，1 表示徹底不透明。*/
background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));

/*重複線性漸變 重複相同的線性漸變直到充滿整個屏幕*/
background: repeating-linear-gradient(45dge, red, yellow 10%, green 20%);

/*圓形漸變*/
background: radial-gradient(red 10%,blue 90%)

<!--陰影經常使用值-->
box-shadow: 5px 5px 15px #b0adad;