`
kkk863114
  • 浏览: 75178 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

阅读更多

查看效果

下载地址

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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics