您的位置:首页 > Web前端 > JQuery

jQuery超酷的立体渐变文字效果

2010-07-05 01:01 387 查看
查看效果

下载地址

jQuery 实现超酷的立体渐变文字效果,代码不算多,运行时候稍微有点慢,不过已经不错了,发挥了jQuery的最佳潜能,你该相信jQuery的强大了吧?看看效果吧,源码爱好者截图如上所示。
  方法:先计算出字体所在容器的高度N,然后清空容器内容,并添加N个span,span内容为原容器文字,每个span的颜色根据渐变色进行计算,而且其中文字的定位要比前一个span向上偏移一个像素。CSS中可以看到,每个span的高度都为1。这样我们通过N个不同颜色的1px的span把字体“拼”出来,然后加上“高光/阴影”就搞定了。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: