shadrack4292 / colorido.js Goto Github PK

Colorido.Js is a awesome , flexible and cross-browser dynamically color changing tool for web projects.

###Example

With colorido colors can be dynamically generated, with many other options:

• autoChange
• chromTab Color
• refresh color change etc

Install Colorido via Bower:

$ bower install colorido.js --save

Install Colorido via npm:

$ npm install colorido.js 

1. Include the colorido at bottom of file and above</body>

  <script src="scripts/colorido.min.js" type="text/javascript>
</body>
</html>

2.Initiate the colorido.js script in the file by following json:

    var config = {
	opacity: 0.7,
	choice: [
		'rgb(138, 43, 43)',
		'rgb(98, 162, 40)',
		'rgb(40, 162, 162)', 
		'rgb(40, 66, 162)', 
		'rgb(121, 40, 162)', 
		'rgb(121, 40, 162)', 
		'rgb(40, 100, 162)', 
		'rgb(230, 74, 25)'
	], 
	autoChange: true, 
	autoDuration: 5,  
	animationDuration: 0.3,  
	animationType:"ease-in-out", 
	chromeTab: true 
}

• opacity: Background opacity for colorido-o (0-1)
• choice: Array of colors.
• autoChange: true|False, Auto Color Change Settings
• autoDuration: Auto Color Change Duration in Seconds
• animationDuration:Color Changing Animation Duration
• animationType:Animation Type
• chromeTab: Color Change Settings for chrome Tabs on android, wp and ios

3.Colorido.js simply works upon 3 css classes:

• colorido: Applies Dynamic background color
• colorido-o: Applies background color with opacity
• colorido-t: Applies dynamic Text-color

Applies these classes on your webcomponents to see magic

Check Demo Here

Colorido.JS is licensed under the MIT license. (http://opensource.org/licenses/MIT)

You are free to contribute to colorido.js. It is built in javascript,I would love to upgrade it to jquery or any other