Animating the Color of Four Gradient Stops in a Gradient!


#1

To follow-up on the discussion here, here we have a version that animates colors in a gradient. You can see a live version here, but if you can’t for some reason (ie: you are using IE11), below is a video of it:

You can see the source for it on Github: animating_gradient_colors_four.htm

I do plan to write a tutorial on this in the future…not near future @prg9 haha. Hope you all like this.

Cheers,
Kirupa


#2

Cool! I remember a long time ago I tried something similar just by looping through all the colours sequentially from 0 to 0xFFFFFF. It didn’t go well.


#3

This is one more thing that is made much simpler using CSS Variables :stuck_out_tongue: