FLIP animation on grid gap not working

[MadG 15 Likes (Newbie)]

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?

 

Thanks.

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

[akapowl 5,494 Likes (Superhero)]

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

[MadG 15 Likes (Newbie)]

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