css裡面有個背景色漸變色的效果，我們能拿來做什麼呢 現在就演示下，我在開發此頁面時所實際實現的樣子 演示頁面-唯一線上客服系統 實現代碼很簡單，效果還是很不錯： background: linear-gradient(90deg, #EE884C 0%, #FFBA8E 100%); 首頁里也有個 ...
css裡面有個背景色漸變色的效果，我們能拿來做什麼呢
現在就演示下，我在開發此頁面時所實際實現的樣子 演示頁面-唯一線上客服系統
實現代碼很簡單，效果還是很不錯：
background: linear-gradient(90deg, #EE884C 0%, #FFBA8E 100%);
首頁里也有個漸變色的運用 唯一線上客服系統
實現代碼：
background-image: linear-gradient(to right, #0d6efd, #2aeb91);
花哨的樣式儘量是少用，但是要能用到點綴的地方，會極大的增加頁面的豐富性。
也會讓頁面顯得更有設計感
線性漸變
background-image: linear-gradient( 角度 , 顏色);
線性漸變是最基本的漸變類型。這種漸變在一條直線上從一個顏色過渡到另一個顏色。
這條直線的方向由角度指定，或者在關鍵字 to 後面加上 top、bottom、right、left 中的某一個關鍵字或多個關鍵字，例如 to bottom left。
角度
漸變方向也不局限於只能使用關鍵字，還可以使用角度值指定漸變的方向。
角度值的寫法：
在0~360之間的數字後面加上deg，指定過渡在哪個方向結束。
例如， 0deg 表示元素的頂邊，所以過渡從底邊開始，到頂邊結束。
也就是說，
background-image: linear-gradient(to top, #7A88FF, #7AFFAF);
等價於：
background-image:linear-gradient(0deg, #7A88FF, #7AFFAF);
角度的值按順時針方向旋轉，因此，90deg 表示元素的右邊（與 to right 相同），180deg 表示元素的底邊（與 to bottom 相同），270deg 表示元素的左邊（與 to left 相同）。
使用角度值時，瀏覽器會繪製一條經過元素中心點的假象線。指定的角度就是這條線的角度，同時還指明過度在哪裡結束。
