Jump to content
Search Community

repeating animation

Its_Frostz test
Moderator Tag

Go to solution Solved by akapowl,

Recommended Posts

I was trying make kind of like a solar system animation where the the concentric rings are made with divs and then one more div inside for the respective planets bt when i try to animate the thing using timeline... I used rotate: "+=360cw" and repeat:-1 but it starts the rotation with good speed and slowly slows down to the end until it eventually stops and then speed up again how do i make it move with uniform speed i tried changing the ease to none.none still doesnt work

Link to comment
Share on other sites

  • Solution

Welcome to the forum @Its_Frostz.


I think you were on the right track, already. GSAP applies a default ease of 'power1.out' to every tween - if you want a linear  movement on your tween, set the ease to 'none', that should help with what you are experiencing. If it doesn't, please provide a minimal demo, that demonstrates your issue. I hope that will already help you, though.


gsap.to('.thisOrThat', { rotation: '+=360cw', repeat: -1, ease: 'none'}) 



  • Like 1
Link to comment
Share on other sites

thank u so much 

I used none.none from the easing visualizer like the code at the bottom said

gsap.to(graph, { duration: 2.5, ease: "none.none", y: -500 });

so i just copied it from there while i had to use only none


thank u so much

have a nice day my man

Link to comment
Share on other sites

@Its_Frostz nice catch it should indeed be "none" instead of "none.none"!


@Cassie is that maybe something you could look in to 



If you set the easing viszualizer to none it will stated that you should put "none.none" as your ease. If you click the copy ease button you do get just "none".



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

Screenshot 2023-02-13 at 16.23.28.jpg

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.
  • Create New...