注意IE9及之前的版本不支持渐变Safari要加webkit的前缀，Opera要加o的前缀，Firefox要加moz的前缀Linear Gradients线性渐变向下向上向左向右对角方向 向下代码仅供参考lt！DOCTYPE html lthtml。

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

css字体渐变，css是怎么定义字体有渐变颜色的1创建一个新的html文件，并将其命名为testhtml2在testhtml文件中，使用字体标签创建三行文本，并以不同的方式设置字体的颜色3在testhtml文件中，通过颜色属性直接。

1HTML实现渐变 lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitlelttitle ltstyle week width 600pxheight 600pxbackground lineargradientred， yellow， blueborderradius 300px。

1打开html开发工具，创建一个新的html文件并创建一个 2然后为该类设置样式在标题后创建一个样式标签，然后在这个标签中设置线性类的样式这里的第一个参数是设置线性渐变的方向，最后两个参数是开始颜色和结束颜色。

一方法一借助maskimage属性如果您手头上的浏览器是Chrome或是Safari，则您可以在demo页面中看到类似下面的效果相应的HTML代码如下codeh2 class=quottextgradientquot datatext=quot天赐美妞quot天赐美妞h2codebutton。

H色调S饱和度L亮度A透明度三新增渐变颜色radialgradient*positiondeg，color percentage，color percentage径向渐变lineargradient*position，color percentage，color percentage线性渐变四新增倒影。

HTML5 Canvas渐变是一种用于填充或描边图形的颜色模式渐变色是由不同的颜色进行过渡，而不是单一的颜色先来看几个canvas渐变色的例子渐变按照类型来分可以分为两种类型线性渐变径向渐变线性渐变以线性的模式来改变颜色。

例如indexhtml2在indexhtml中的ltstyle标签中，输入css代码divwidth200pxheight150pxbackgroundlineargradientred，white 3浏览器运行indexhtml页面，此时td中的div的背景颜色从红色到白色渐变。

有两种实现的方法第一种就是最常用的插入背景图片做个渐变图就可以了 第二种就是在ltbody内 加入 style=quotfilterprogidstartColorStr=#39#7CBE42#39， endColorStr=#39#84C34A#39。

最后渐变结束的颜色而colorstop则是指在变化到线的哪个位置的时候会出现什么颜色，当然是从周围过渡过去的，相当于from，to过渡点，from过渡点，to附送下简单的其他的基本代码 FILTER progid。

这样可以让字体更加立体#xF3A8设置字体颜色和图层模式复制字体图层两次，将第一个副本图层里的图层特效取消，并将字体颜色改为蓝色，图层模式设置为颜色选择第二个副本图层，取消浮雕效果特效，并添加渐变叠加特效选择黑白渐变，角度88度，样式。

利用css3可实现背景颜色渐变一线性渐变1线性渐变在 Mozilla 下的应用 语法mozlineargradient ltpoint ltangle，？ ltstop， ltstop ， ltstop* 2线性渐变在 Webkit 下的应用 语法webkit。

1 Alpha设置透明度 AlphaOpacity=？， FinishOpacity=？， Style=？， StartX=？， StartY=？， FinishX=？， FinishY=？Opacity透明度级别，范围是0100，0代表完全透明，100代表完全不透明FinishOpacity设置渐变的透明。

自定义颜色，例如c008000=暗绿色 gaf0cce 表示该文字从RGB码af0向cce过渡渐变eaf0cce 表示该文字里面的颜色为RGB码af0，外面的颜色为cceb 表示后面的字体为闪烁比较常用的代码为 eaf0cca#b + 文字 字体颜色。