《只用css做出渐变字体的效果》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、只⽤CSS做出渐变字体的效果这种利用CSS技术来制作出渐变或特殊的文字效果并不少见，好处就是可以在一些大标题中为字体添加渐变效果，而不需要每次都用图片替代，比如本文的最后这些案例。你想制作漂亮的标题而不用将每个标题都做成图片吗？这里是一个简单的CSS技巧，它将向你展示使用一个png图片制作渐变文字的方法(纯CSS、无Javascript或Flash)。而你所需要的仅仅是在标题里面的一个空标签，它使用背景图片和position:absolute属性将标题覆盖。该技巧经主流浏览器测试：Firefox,Safari,Opera,以及InternetExp

2、lorer6。查看演示

3、下载演示文件打包好处这是一个纯CSS技巧，无需JS或Flash。它兼容主流浏览器包括IE6(需要使用PNGhack)。它对于设计标题是很完美的。你无需使用Photoshop制作每一个标题。这也显然能够节省你的时间和带宽。你当然可以是用任何网络字体和字体型号。它是如何工作的?这个小技巧很简单。基本上我们只是在文字上面添加了一个1px的渐变PNG图片(使用alpha透明)HTML代码

CSSGradientText

4、sition:absolute}h1{font:bold330%/100%"LucidaGrande";position:relative;color:#464646;}h1span{background:url(gradient.png)repeat-x;position:absolute;display:block;width:100%;height:31px;}是的，就这些，你已经搞定了。点击此处查看演示页面。让它在IE6中可用因为IE6不能正确渲染24位PNG图片，为了显示透明的png图片，下面的hack是必须的。(使用HTML条件注释的方法)在hea

5、d部分的任何一个地方添加以下代码：