CSS3 animation - smooth infinite cycle

Question

I\'ve made a small background animation where a div changes color over time. It works smoothly, but when it gets to 100% it jumps straight to 0% without any transition. I\'v

Answer 1

There is the animation-direction property, which could be set to alternate to have it run back and forth instead of jumping back to 0% again.

-webkit-animation: pulsate 20s infinite alternate;
animation: pulsate 20s infinite alternate;
-moz-animation: pulsate 20s infinite alternate;

EDIT: zessx just posted a fiddle before removing it again. I just updated that with the alternate option. Works fine. fiddle