Jquery's cool three-dimensional gradient text Effect

View results

Jquery achieves a cool three-dimensional gradient text effect. The code is not much, and the running time is a little slow, but it is already good. It has played the best potential of jquery. Should you believe that jquery is powerful? Let's take a look at the results, as shown above by source code enthusiasts.
Method: Calculate the height N of the container where the font is located, empty the container content, and add n spans. The span content is the original container text. The color of each span is calculated based on the gradient, in addition, the text is located one pixel higher than the previous span. CSS shows that the height of each span is 1. In this way, we can "spell out" the font with N 1px spans of different colors, and add "highlight/Shadow.