Jump to content


strockarray animation

Go to solution Solved by mvaneijgen,

Recommended Posts



i have made this animation.. its works fine for some moment.. how to make it nonstop, continues animation forever.. ??


thanks and regards

See the Pen xxJdQpa by harshad-patson (@harshad-patson) on CodePen

Link to comment
Share on other sites

  • Solution

You didn't load GSAP in your demo, took me a while to figure out why it wasn't working. Maybe next time share a working demo, so if someone wants to jump it they don't need to first debug your pen. 


I've set your stroke offset to be a multiple of 60, because your stroke-dasharray is 50 + 10 = 60. 120 seemed like a nice speed. Then I've set the animation to repeat: -1 eg infinite and the ease: "none", so that the animation is linear and perfectly repeats it self. Hope it helps and happy tweening! 


See the Pen PoBmXRK by mvaneijgen (@mvaneijgen) on CodePen

  • Like 2
  • Thanks 1
Link to comment
Share on other sites

  • 1 month later...

ok sorry for my this mistake. and thank you so much for your help..

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.