Gradient Text

Easily output gradient text

Quickstart

• 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

• 0.0.1 initial release
• 0.0.2 documentation added

License

MIT License © Zeno Rocha