» home
» contact
» terms of use

FREE SCRIPTS
» new
» text
» image
» utility
» background
» animation
» date/time

FREE ONLINE TOOLS
» code generators
» text animator
» drawing animator
» color animator
» slideshow factory
» javascript speed test

FREE BASIC SNIPLETS
» alert box
» image: multi-rollover
» pop-up: centering
» more

FREE'N'CRAZY
» realtime death counter
» eyeQ
» fun ticker

RECOMMENDED LINKS
» www.dynamicdrive.com
» www.hotscripts.com

Gradient Background Animation, Multicolor
This JavaScript creates a smooth background gradient color animation between a set of selectable colors. You may add as many colors as you like. Easy configuration of speed and effect-type. Crossbrowser: Internet Explorer 5x/6x/7x/8x, Firefox 3.6 or higher, Google Chrome 4x and Opera 7x/8x/9x/10x and (simple color animation without gradients)..

Demo
Click here to test the script.


Configuration:

Step 1: Open your webpage that will display your gradient background fader. Use a simple texteditor (NotePad or WordPad). Frontpage, Dreamweaver, GoLive or Word are not recommended. Insert the following code between the <head>-tag and </head>-tag:


Step 2: Go to the top of the script and configure your favourite background-colors, speed and type of effect.