Gradient Text

Easily output gradient text

require jquery.gradient.text.min.js
add a class "gradient-text" to the element
set data attributes:
- data-gradient-text-range - comma separated hex values of colors
- data-gradient-text-position - tilt range (optional, defaults to "to top right", if you want to do a degree set with deg suffex, e.g. "300deg" )
- data-gradient-text-percentages - comma separated percentage ranges, they may 1:1 to text-range, so should include the same number. (optional, defaults to linearly distribution)

<h2>Check out this text it is <span class="gradient-text" data-gradient-text-range="#e05252,#99e052,#52e0e0,#9952e0,e05252"> even cooler</span>

History