Animated Neon Light Text Effect with jQuery - jumble

File Size: 4.49 KB
Views Total: 1269
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Animated Neon Light Text Effect with jQuery - jumble

jumble is a simple jQuery plugin that jumbles up the colors of your text to create Animated Neon Light Text Effects. Great for attractive and effective webpage headlines to grab your users' attentions.

How to use it:

1. The html

<h1>jQuery Plugins</h1>

2. Include the latest jQuery library and jQuery jumble plugin on the page

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="jumble.js"></script>

3. Call the plugin with options

<script>
(function($) {
$('h1').jumble(
[255,220,100], // RGB array
false, // rgb array-> [255,0,155] optional: (if singular colour then declare false)
true, // brightness
false, // satuation
1000 // time in mileseconds
);
})(jQuery);
</script>

This awesome jQuery plugin is developed by vonKristoff. For more Advanced Usages, please check the demo page or visit the official website.