Question

I’m wondering if someone can shed some light on how this effect is achieved?

This site shows a constant changing background colour.
http://bdw.colorado.edu/#/index.php

I want to utilize the same “ever changing” background colour effect on my site.

Here is the link to my example site:
http://continuous.be/

(I’ve found the CSS but not sure how it relates? )

  /* == Dynamic Colors ==
        .dynamicbgcolor {
         background-color: rgb(0,149,191); } 
         .dynamiccolor {
         color: rgb(0,149,191); }
     */

Answer 1

You won’t be able to do this using CSS alone. As Vladislav says there is a spectrum() function that does the work using javascript and jQuery. Basically:

• Store an array of colours.
• Use Math.Random randomly pick
  one of the stored colours.
• Using jQuery.animate() to animate the backgroundColor property of the required element.
• On completion of the animation, use jQuery.delay() to call the above function in XX seconds time.

Update

I’ve had a look at the test you put up. You’re missing the closing }); at the end of your script file. Also, you’ve only defined the function spectrum, you don’t call it. Add spectrum(false); at the end of your file, just within the }); that you’ve just added.

Try using Firebug for firefox, this pointed out the missing }); straight away.