Submit your widget
HomeText & Link EffectsJavaScript Color Fading Script

JavaScript Color Fading Script

Created 14 years ago   Views 6164   downloads 1287    Author n/a
JavaScript Color Fading Script
View DemoDownload
98
Share |

This lightweight JavaScript allows for easy color transitions. Add fading effects to tables, divs and more. You can target an elements background, border or text color.

Below is the command to call the function.

colorFade('divid', 'background', 'ece7b4', 'f9bcbc', 25, 30)

 

The first parameter is the id of the element you are targeting. The second is the property to fade which can be the background, border or text. The third is the hex value of the starting color. The third is the hex value to fade to. The fourth and fifth are both optional. The first is the the number of times to divide the color difference and the last is the transition speed.

You might also like