先截两个图看看:
[img]http://www.1sucai.cn/do/uploads/allimg/100517/2210270.jpg[/img]
[img]http://www.1sucai.cn/do/uploads/allimg/100517/2210271.jpg[/img]
效果很不错吧?会不会误以为这些字体是图片?这可不是图片,而是用JS实现的
在线演示 [url=http://demo.jb51.net/js/gradient-test/demo.htm]http://demo.jb51.net/js/gradient-test/demo.htm[/url]
下面来简单分享下实现过程及原理(网站中使用了jquery这个lib,我们这里就不再自己单独实现了,我们这里分享的也是jquery的实现方法):
HTML代码:
[url=http://www.1sucai.cn/jiaoben/26432.html]基于jQuery的立体文字渐变效果[/url]