注意IE9及之前的版本不支持漸變Safari要加webkit的前綴，Opera要加o的前綴，F(xiàn)irefox要加moz的前綴Linear Gradients線(xiàn)性漸變向下向上向左向右對(duì)角方向 向下代碼僅供參考lt！DOCTYPE html lthtml。

lt！DOCTYPE html PUBLIC quotW3CDTD XHTML 10 TransitionalENquot quotDTDxhtml1transitionaldtdquot lthtml lthead ltmeta。

css字體漸變，css是怎么定義字體有漸變顏色的1創(chuàng)建一個(gè)新的html文件，并將其命名為testhtml2在testhtml文件中，使用字體標(biāo)簽創(chuàng)建三行文本，并以不同的方式設(shè)置字體的顏色3在testhtml文件中，通過(guò)顏色屬性直接。

1HTML實(shí)現(xiàn)漸變 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle week width 600pxheight 600pxbackground lineargradientred， yellow， blueborderradius 300px。

1打開(kāi)html開(kāi)發(fā)工具，創(chuàng)建一個(gè)新的html文件并創(chuàng)建一個(gè) 2然后為該類(lèi)設(shè)置樣式在標(biāo)題后創(chuàng)建一個(gè)樣式標(biāo)簽，然后在這個(gè)標(biāo)簽中設(shè)置線(xiàn)性類(lèi)的樣式這里的第一個(gè)參數(shù)是設(shè)置線(xiàn)性漸變的方向，最后兩個(gè)參數(shù)是開(kāi)始顏色和結(jié)束顏色。

一方法一借助maskimage屬性如果您手頭上的瀏覽器是Chrome或是Safari，則您可以在demo頁(yè)面中看到類(lèi)似下面的效果相應(yīng)的HTML代碼如下codeh2 class=quottextgradientquot datatext=quot天賜美妞quot天賜美妞h2codebutton。

H色調(diào)S飽和度L亮度A透明度三新增漸變顏色radialgradient*positiondeg，color percentage，color percentage徑向漸變lineargradient*position，color percentage，color percentage線(xiàn)性漸變四新增倒影。

HTML5 Canvas漸變是一種用于填充或描邊圖形的顏色模式漸變色是由不同的顏色進(jìn)行過(guò)渡，而不是單一的顏色先來(lái)看幾個(gè)canvas漸變色的例子漸變按照類(lèi)型來(lái)分可以分為兩種類(lèi)型線(xiàn)性漸變徑向漸變線(xiàn)性漸變以線(xiàn)性的模式來(lái)改變顏色。

例如indexhtml2在indexhtml中的ltstyle標(biāo)簽中，輸入css代碼divwidth200pxheight150pxbackgroundlineargradientred，white 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)td中的div的背景顏色從紅色到白色漸變。

有兩種實(shí)現(xiàn)的方法第一種就是最常用的插入背景圖片做個(gè)漸變圖就可以了 第二種就是在ltbody內(nèi) 加入 style=quotfilterprogidstartColorStr=#39#7CBE42#39， endColorStr=#39#84C34A#39。

最后漸變結(jié)束的顏色而colorstop則是指在變化到線(xiàn)的哪個(gè)位置的時(shí)候會(huì)出現(xiàn)什么顏色，當(dāng)然是從周?chē)^(guò)渡過(guò)去的，相當(dāng)于from，to過(guò)渡點(diǎn)，from過(guò)渡點(diǎn)，to附送下簡(jiǎn)單的其他的基本代碼 FILTER progid。

這樣可以讓字體更加立體#xF3A8設(shè)置字體顏色和圖層模式復(fù)制字體圖層兩次，將第一個(gè)副本圖層里的圖層特效取消，并將字體顏色改為藍(lán)色，圖層模式設(shè)置為顏色選擇第二個(gè)副本圖層，取消浮雕效果特效，并添加漸變疊加特效選擇黑白漸變，角度88度，樣式。

利用css3可實(shí)現(xiàn)背景顏色漸變一線(xiàn)性漸變1線(xiàn)性漸變?cè)?Mozilla 下的應(yīng)用 語(yǔ)法mozlineargradient ltpoint ltangle，？ ltstop， ltstop ， ltstop* 2線(xiàn)性漸變?cè)?Webkit 下的應(yīng)用 語(yǔ)法webkit。

1 Alpha設(shè)置透明度 AlphaOpacity=？， FinishOpacity=？， Style=？， StartX=？， StartY=？， FinishX=？， FinishY=？Opacity透明度級(jí)別，范圍是0100，0代表完全透明，100代表完全不透明FinishOpacity設(shè)置漸變的透明。

自定義顏色，例如c008000=暗綠色 gaf0cce 表示該文字從RGB碼af0向cce過(guò)渡漸變eaf0cce 表示該文字里面的顏色為RGB碼af0，外面的顏色為cceb 表示后面的字體為閃爍比較常用的代碼為 eaf0cca#b + 文字 字體顏色。