Jump to content
Search Community

repeating animation

Its_Frostz
Moderator Tag

Go to solution Solved by akapowl,

Recommended Posts

Posted

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

  • Solution
Posted

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'}) 

 

https://greensock.com/docs/v3/Eases

  • Like 1
Posted

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

Posted

Hi everyone!

 

It was indeed an issue with the construction of the string and as @mvaneijgen pointed out it should be just "none".

 

The problem should be solved now (just in case clear your cache):

https://greensock.com/docs/v3/Eases

 

 

Happy Tweening!

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...