Ease type
linear
easeInSine
easeOutSine
easeInOutSine
easeInQuad
easeOutQuad
easeInOutQuad
easeInCubic
easeOutCubic
easeInOutCubic
easeInQuart
easeOutQuart
easeInOutQuart
easeInQuint
easeOutQuint
easeInOutQuint
easeInExpo
easeOutExpo
easeInOutExpo
easeInCirc
easeOutCirc
easeInOutCirc
easeInBack
easeOutBack
easeInOutBack
Animation delay
The delay (in seconds) between the start of the animation of each circles.
Animation length
The time (in seconds) it takes each circle to move from the start to the end of the line and back.
Number of inner circles
Note: If you're using IE or Edge, you will need to stop and start the animation after changing the values for them to apply.
Share