看了大漠 寫的關(guān)于 Gradient?的文章，我也想寫點(diǎn)以便加深記憶。

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

linear-gradient 線性漸變

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

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

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

?

radial-gradient(徑向漸變)

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

更具體的請(qǐng)看大漠的吧，一直很喜歡他的文章，因?yàn)閷懙暮茉敿?xì)，每個(gè)知識(shí)點(diǎn)都很透徹！原文：http://www.w3cplus.com/content/css3-gradient

轉(zhuǎn)載于:https://www.cnblogs.com/happyty/p/4701245.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。