Jump to content


FLIP animation on grid gap not working

Moderator Tag
Go to solution Solved by akapowl,

Recommended Posts

Hey all, 


I had this working yesterday, but I've now forgotten how. Can anyone tell me why why the gap on this grid is not animating back and forth but rather just snapping?



See the Pen eYEwyOK by kslaton (@kslaton) on CodePen

Link to comment
Share on other sites

  • Solution

Hello @MadG


This is the way I understand it: although you are changing a property on the grid itself by toggling the class, it actually are the cards that are going to change.


I just added them to the .getState() and it works. Hope it helps :) 


See the Pen cb6874ac3a849cf1ea3c6c65be6f1d83 by akapowl (@akapowl) on CodePen

  • Like 3
Link to comment
Share on other sites

@akapowl makes almost too much sense! Thanks so much, it also worked on the project I'm actually working on.

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