I want to modify this pulse animation code to show gradients

[cforrester1981]

Hi, I have the following code for a preloader animation. I want the loader to do exactly what its doing but the bars that pulse need to be preferably be gradient filled from top to bottom or they need to be 3 different colours from left to right.

Any help would with this would be awesome

https://codepen.io/cforrester1981/pen/XaNaPX

EDIT: Looks like the code doesn’t want to run within CodePen. You can see it in the live environment at http://www.blow.co.za

[Paulie_D]

Gradients can’t be animated but you can fake it I believe by animating background position.

https://stackoverflow.com/questions/33918470/how-to-animate-gradient-background-smoothly

[Author]

Posts