jQuery neon text effect with Jumble plugin

Today we check out the “Jumble” – a simple jQuery neon text effect plugin, turn our text to animated neon light effect.

jQuery neon text effect – animated

A jQuery plugin that jumbles up the colours of your text headers, and can also animate them. Choose a colour range for the colours to be jumbled amongst, and set params for whether the shuffle is based on brightness or satuation hue.

jQuery neon text effect with Jumble plugin
jQuery neon text effect with Jumble plugin

Usage

$('h1').jumble(
    colour_1,
    colour_2,
    brightness,
    satuation,
    time
);

Config options:

– colour 1: rgb array -> [255,255,55]

– colour 2: rgb array -> [255,0,155] optional: (if singular colour then declare false)

– brightness : boolean -> false

– satuation boolean -> true

– time mileseconds -> 1000 optional: declare only if you want it to animate

For example:

$('h1').jumble([180,160,90],[230,20,130],true,false,200);

Demo:

http://bite-software.co.uk/jumble

GitHub:

https://github.com/vonKristoff/jumble

It’s great to make more attractive websites, that grabs user attention.

Enjoy!

Share:Share on Facebook1Share on Google+1Tweet about this on TwitterShare on LinkedIn1Pin on Pinterest1