Transitioning Background Colors with Color Choosers

Rishabh

• 24558
• 19
• 1

Great News: We've hit 503 Pure CSS Creations!

So I just decided to extend this site a bit more to Javascript and see how far we can push things. Let's try and add some amazing Javascript items to the collection, that uses canvas or other cool things like the new html5 JS APIs or some other tricks :)

I'm sure many people have wanted this, and the JS community is obviously bigger than "Pure CSS" community. So let's get into some JS too, and convert this place into a more vibrant community!

I've started by posting a simple item. It has 3 (RGB) color choosers. Slide the input type="range"'s and see the background color change! I've basically attached the change event listener on every input element. Whenever the input ranges are changed, the setBgColor event is fired that changes the backgroundColor of the body.

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room