Jump to content


easing not running as it should

Go to solution Solved by Carl,

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


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 ?editors=0010 by caemostajo (@caemostajo) on CodePen

Link to comment
Share on other sites

  • Solution

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
Link to comment
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.

  • Like 1
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.