jQuery Plugin For Background/Text Color Transition Effects - ColorFlow

ColorFlow is a super tiny jQuery plugin which enables you to apply an array of predefined colors to the background/text with a smooth CSS3-powered transition effect.

See also:

• jQuery Plugin To Dynamically Change Background Colors - bgcFade
• Random Background Color Fader with jQuery and jQuery UI
• Creating Animated Background with Random Gradient Transitions using jQuery

How to use it:

1. Include jQuery library and the jQuery colorflow plugin in your html page.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="js/colorFlow.js"></script>

2. Call the plugin on the target element and define the background/text color arrays.

$('body').colorFlow({

// array of background colors
background: ['#85144b', '#F012BE', '#FFBC00', '#7FDBFF', '#01FF70'],

// array of text colors
text: ['#CF5D94', '#EFA9FA', '#665800', '#004966', '#00662C'],

// transition speed
time: 25

});

Change log:

2015-03-21

• added destroy method

---

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