Burning Words

Description

The script allows to create an effect of burning text with an ability to customize colors, font, burning speed and other parameters.

It uses canvas element that is a part of HTML5 specification. The element is currently supported by the latest versions of Mozilla Firefox, Google Chrome, Safari, and Opera. It is not natively implemented by Internet Explorer as of version 8.

Generator









Demo

Usage

  1. Download the latest version of the library from GitHub, unzip and upload the files into a folder on your server, for example /lib/burning-words.
  2. Copy the code below and paste it into your HTML page.

    <script type="text/javascript" src="/lib/burning-words/burning-words.min.js"></script>

    If you have uploaded files into the folder other than /lib/burning-words, please modify the code above accordingly.

  3. Copy the code below and paste it into your HTML page, where you want to have the text displayed.

    <script type="text/javascript">
    BurningWords("Hot Deals", {
       "text_color" : "FFFFCC",
       "font" : "Times New Roman",
       "font_size" : 30,
       "bg_color" : "EEEEEE",
       "bg_alpha" : 100,
       "speed" : "normal"
    });
    </script>
    

Download

burning-words.js on GitHub

Copyright

Michael Ryvkin,

License

GNU Lesser General Public License, www.gnu.org/licenses/lgpl.html

Acknowledgement

  • jscolor is a simple and user-friendly color picker for your web forms designed by Jan Odvárko.