linear-gradient屬性有3個引數，分別為方向，漸變色開始顏色，漸變色結束顏色，這裡我使用了開始顏色深粉色，結束顏色深藍色。
我們看到的是正個背景顏色變成了漸變色。但是不是我們想要的字型漸變色，這時候怎麼辦呢。
它可以將文字所佔的區域裁剪出來
這時候我們可以看到，所裁剪區域出來的字型顏色是黑色，這是因為我們沒有設定字型顏色(字型顏色預設為黑色)，同時之前設定的漸變色是整個p標籤的背景的漸變色，因此，漸變色依舊存在，只不過被上面的黑色字型覆蓋了。
最後一步，我們只需要將字型變成透明色，裁剪出來的形狀依舊是字型形狀，我們所看到的字型漸變色實際上也就是字型下面的背景顏色了。
通過3個簡單的小技巧可以讓我們實現字型的漸變色。也許你注意到裁剪屬性有-webkit-這個是谷歌瀏覽器的屬性，在其他不支援該屬性的瀏覽器上，也許就無法正常看到漸變色字型了。因此，在使用的時候需要注意在網上查詢相容寫法，據說低版本ie瀏覽器使用濾鏡來實現漸變色，以後有空我在試試，今天這篇文章就教到這裡。
漸變填充Gradient
漸變，是指逐漸的，有規律性的變化,是一種規律性很強的現象。qt提供了乙個與漸變相關的qgradient類，目前支援三種漸變畫刷，分別是線性漸變 qlineargradient 輻射漸變 qradialgradient 角度漸變 qconicalgradient 如下圖所示 從左到右依次為 線性漸變 ...
css3 Gradient漸變效果
雖然css3的漸變屬性在眾瀏覽器中得到較好的支援，但在實際使用的時候也像製作軟體 photoshop cs6 firework cs6等 的漸變工具一樣，將漸變分成了幾種 線性漸變 linear gradients 徑向漸變 radial gradients 重複線性漸變和重複徑向漸變。國外乙個根據...
CSS屬性之漸變屬性（gradient）
漸變分為線性漸變和徑向漸變，所謂漸變就是幾種顏色之間的平穩過渡。實現線性漸變，你至少需要定義兩種顏色的結點，這兩種結點就是你想平穩過渡的顏色，即 其中一種顏色結點為起點，另一種顏色結點為結束點。書寫 background linear gradient color1,color2 color1為起點...