Add flame like effect to text using jQuery Burn

How about adding flame or burning like effect to text on your page? Well, you may like it or may not like it. For those who like it, find out how to add flame like effect to text using jQuery Burn plugin. For those who don't like it, at least have a go and who knows you may also like it.

jQuery Burn is a plugin which adds a flame-like effect to text using multiple text-shadows, animated by repeatedly changing their horizontal offsets. The effect can be somewhat CPU intensive (especially for older computers), so use it sparingly. It can be stopped and restarted dynamically, colored, stretched, offset, sped up and slowed down.

How to use it?

Download the burn.js file and include it's reference along with jQuery library. And all you need to do is to make a call to "burn()" on the selector.


The flame effect on an element can be "turned off" using the off method. To invoke this method, call jQuery burn on the target object and pass it the boolean "false as follows.


See result below

There are many option available to customize this plugin and control the intensity of the flame.

Official Website

Feel free to contact me for any help related to jQuery, I will gladly help you.

Responsive Menu
Add more content here...