jQuery 實現超酷的立體漸變文字效果,代碼不算多,運行時候稍微有點慢,不過已經不錯了,發揮了jQuery的最佳潛能,你該相信jQuery的強大了吧?看看效果吧,模板無憂截圖如上所示。
方法:先計算出字體所在容器的高度N,然后清空容器內容,并添加N個span,span內容為原容器文字,每個span的顏色根據漸變色進行計算,而且其中文字的定位要比前一個span向上偏移一個像素。CSS中可以看到,每個span的高度都為1。這樣我們通過N個不同顏色的1px的span把字體“拼”出來,然后加上“高光/陰影”就搞定了。