看了大漠 寫的關于 Gradient?的文章，我也想寫點以便加深記憶。

首先gradient 分為linear-gradient (線性漸變) 和 radial-gradient（徑向漸變），漸變是作為一個屬性值來應用，比如用于background 背景、list-style-image 的屬性值。

linear-gradient 線性漸變

語法：linear-gradient( [<point> || <angle>,]?<stop>, <stop> [, <stop>]* )

其共有三個參數，第一個參數表示線性漸變的方向，top是從上到下、left是從左到右，如果定義成left top，那就是從左上角到右下角。第二個和第三個參數分別是起點顏色和終點顏色。你還可以在它們之間插入更多的參數，表示多種顏色的漸變。

如：background:-webkit-linear-gradient(top,#000,#fff);

?

radial-gradient(徑向漸變)

語法：-moz-radial-gradient([<bg-position> || <angle>,]? [<shape> || <size>,]? <color-stop>, <color-stop>[, <color-stop>]*);

更具體的請看大漠的吧，一直很喜歡他的文章，因為寫的很詳細，每個知識點都很透徹！原文：http://www.w3cplus.com/content/css3-gradient

轉載于:https://www.cnblogs.com/happyty/p/4701245.html

總結

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

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