Transition animation for card filtering

How To
1

Hello,

I’m working on a section with category filters. There are buttons at the top to select a category, and cards below that display according to the selected filter.

The issue:
• When I click a filter button, the cards change instantly.
• I would like the old cards to disappear with an animation (fade/slide) and the new cards to appear with an animation, so the transition is smooth.

I’m using Bricks + BricksForge and would like to know what is the best way to animate the exit and entrance of cards when filtering.

Thank you very much for your help!

2

To make it clearer, here’s a link to the page where the filtering happens: https://seoul.10mag.com?password=for-your-eyes-only.

I’ve also recorded a short video demonstrating the issue, so you can see how the cards instantly change before the animation begins : GSAP Animation Issue.

Thanks very much for your help!