How to work with CSS transition-timing-function and GSAP easing

[studioalloy]

Fixed the issue: My `transition-timing-function: ease;` css rule was the culprit. How can I still ease on hover and use the GSAP ease function 

 

I was working on a Nuxt.js app, and I can't seem to get my eases working, so I opened up a code pen, but even in there, the ease seems to just be ignored.

 

If I downgrade the CDN link to `3.0.1` something seems to be easing, but it doesn't look great. Do eases need to be imported?

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

[mikel]

Hey @mvaneijgen,

 

Both can be done with gsap and (here) jquery.

You can use .isActive() to wait till the start tween is finished.

 

See the Pen BdGqjN by mikeK (@mikeK) on CodePen

 

Happy tweening ...

Mikel