使用CSS漸層

標籤：計算   gui   資料   white   nbsp   eve   tle   調整   ide   

轉載自：https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Using_CSS_gradients

 

CSS 漸層 是在 CSS3 Image Module 中新增加的 <image> 類型. 使用 CSS 漸層可以在兩種顏色間製造出平滑的漸層效果. 用它代替圖片，可以加快頁面的載入時間、減小頻寬佔用。同時，因為漸層是由瀏覽器直接產生的，它在頁面縮放時的效果比圖片更好，因此你可以更加靈活、便捷的調整頁面配置。

瀏覽器支援兩種類型的漸層：線性漸層 (linear)，通過 linear-gradient 函數定義，以及 放射狀漸層 (radial)，通過 radial-gradient 函數定義.

 

background: linear-gradient(to bottom, #76D8CA, #68C1DB);

background: linear-gradient(to right, blue, white);

使用CSS漸層