CSS3?Gradient 分為線性漸變(linear)和徑向漸變(radial)。首先來了解下線性漸變的語法：

第一個參數是指定漸變的方向，可以用角度的關鍵詞或英文來表示。第一個參數省略時，默認為180deg，等同于to bottom：

第二個和第三個參數，表示顏色的起始點和結束點，可以有多個顏色值，如：

或者是：

?

接下來我們來看一下復雜點的徑向漸變，語法：

　　background:radial-gradient(position ,shape size,start-color,stop-color);

?

?position屬性值（默認是center）：

?

?shape和size屬性值（默認shape是橢圓ellipse）：

?

親測closet-side無法讓徑向漸變顯示出來。

?

?我們能夠為顏色值添加百分比，來使得各個顏色節點不均勻分布：

?

轉載于:https://www.cnblogs.com/fengxiongZz/p/6535353.html

總結

以上是生活随笔為你收集整理的CSS3渐变色彩的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。