Css gradient background animation for button

[csslearn]

Hi,

I have create a button with the gradient colored animation background. I am using 6 colors in it.
The colors slides in the background one by one and the loop continues.
The infinite loop works perfectly seemless when i have background-size: 200% 200%; but when i increase the background size the its just look like the loop is breaking. It slightly flinches after second loop.

Here is a code pen
https://codepen.io/prashant-nadsoftdev/pen/WymWrQ

Please help!.

Thank You.

[Author]

Posts