jQuery Plugin For Background/Text Color Transition Effects - ColorFlow
File Size: | 4.06 KB |
---|---|
Views Total: | 2799 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
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.