Jump to content
GreenSock

Zync

GSAP Flip, onEnter and onLeave Animations (Vue + Tailwind)

Recommended Posts

Hi again all,

 

Supplied a codepen this time. Trying to get the onEnter and onLeave animations to work in a Flip filter animation. But the assets seem to keep popping in and out but only works sometimes. Been trying to debug for a few hours now but think I've hit a wall.

See the Pen OJmMNLB by zync09 (@zync09) on CodePen

  • Like 1
Link to comment
Share on other sites

Hello Zync! Thanks for being part of Club GreenSock! 🥳

This seems to be working ok for me when I switch from all to one of the filters and back again to all.

Which state transitions are you finding buggy? Could you maybe do a screenrecording?

  • Like 1
Link to comment
Share on other sites

It's more when switching to 1 filter to another, it just seems to pop in. Try from Frigate to Cruiser. I want to get the old results to scale and fade out and then the new results to fade and scale in. 

Link to comment
Share on other sites

Sigh, found the issue. The onEnter Animation had to me a .from animation instead of a .to and make it start at scale 0 and opacity 0. That fixed it. Thanks anyways

  • Like 1
Link to comment
Share on other sites

Ah! Good job. I was just poking through trying to figure it out myself. 

Nicely done.

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