This time I will share jQuery Plugin and tutorial about jQuery Plugin To Create Animated Color Transitions – Recolor, hope it will help you in programming stack.
Recolor is a jQuery plugin which applies smooth color transitions to any html elements such as text, DIVs, tables and many more.
How to use it:
1. Just include the jQuery Recolor plugin’s script after jQuery library and we’re ready to go.
1 |
<script src="//code.jquery.com/jquer.min.js"></script> |
2 |
<script src="jquery-recolor.js"></script> |
2. Create a ‘color blink’ effect on your text.
1 |
<p id="demo-1">Lorem ipsum dolor</p> |
3. Create a smooth color transition effect on your text.
1 |
<p id="demo-2">Lorem ipsum dolor</p> |
4. Create a background color transition effect on a specific DIV container.
1 |
<div id="demo-3"></div> |
5. Plugin’s default options.
08 |
shadowOffsetX: "12px", |
09 |
shadowOffsetY: "12px", |
11 |
shadowColor: 'rgb(0, 0, 0)' |
Change log:
2016-11-15
- Removed drawable function.
2016-10-30
This awesome jQuery plugin is developed by adamatyork. For more Advanced Usages, please check the demo page or visit the official website.
