There were times when many people use blinking GIF web-graphic for websites to get viewer's attention. Here is another better idea to create something like that with the goodness of jQuery. It's not to blink within every few seconds, but you'll see smooth transition of color changing on a text or background. Sam Dunn from Build Internet wrote a tutorial to create this amazing smooth color cycles with jQuery.
For the start, the background color is adjusted to have continuous loop with a jQuery plugin called: jQuery Color Animations Plugin. It will generate a random RGB color value in specific function.
You'll need to sort what colors to change before working on the transition timer adjustment, and combine all functions to have a ready changing-color background.
Jump into another next step is to create a div ID for the solid black PNG image. The idea is to show the smooth animation of color changes (cycles) in the background trough the negative space of this PNG image.
Yes it is nifty but the FX is very nice to see. Learn the details of how to create this smooth color cycles for text & backgrounds with jQuery from the tutorial source.
site: http://buildinternet.com/2009/09/its-a-rainbow-color-changing-text-and-backgrounds/
demo: http://buildinternet.com/live/rainbow/
Incoming search terms:
- jquery smooth background change
- jquery smooth background color change
- jquery blink color
- jquery blink text color
- jquery rainbow background
- jquery smooth blinking text
- jquery color blink
- jquery change background color smooth
- jquery smooth background
- jquery smooth background animation
- jquery smooth change bg
- jquery smooth backround
No Responses to “Smooth Color Cycles for Text & Backgrounds with jQuery” Leave a reply ›