🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Gradient.Text.js lightweight jQuery text colorizer which lets you create gradient/rainbow text using CSS linear-gradient function.

color Gradient

Documentation

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


You May Also Like