Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
caemostajo

easing not running as it should

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi!

I´m using (ease: Power0.easeNone) in all the tweens and the movement is not linear like it should.

It should run exactly the same as when the cube closes. Also if you run it on IE it starts all glitchy.

Why the ease: Power0 is not working and why IE have those problems?

Hope somebody can help me, thanks!

See the Pen QNzGwN by caemostajo (@caemostajo) on CodePen

Share this post


Link to post
Share on other sites

Thanks for the demo.

 

The big problem was that you had a css transition on .flipper which was fighting with the GSAP updates.

 

This should be better: http://codepen.io/GreenSock/pen/GZPWae

 

Although unrelated to the easing issue, I'm not quite sure what you are doing with

transformOrigin: "$cubeSize 0 (-$cubeSize / 2)"

That string isn't a valid value that CSSPlugin can use.

  • Like 3

Share this post


Link to post
Share on other sites

Thank you so much Carl!

I´m really happy to be a GreenSock member and to have this awesome support.

 

With the transform-origin you mention i was setting the pivot point of that face rotation to: "100% 0 -50%" but using variables... But i erased it because you said it is a invalid value for the CSSPlugin and it runs great.
 
Bests!

  • Like 1

Share this post


Link to post
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

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 


  • Recently Browsing   0 members

    No registered users viewing this page.

×