What is it?

Stacking Cards arranges a series of cards into a dynamic stack that transforms as the user scrolls through the section.

How to set it up?

To set up the Stacking Cards, the following attributes can be configured on the section and card elements:

'data-stacking-cards-section'. Applied to the container section where the stacking card effect will take place.

'data-stacking-card'. Applied to each card within the section to participate in the stacking animation.

Additional note

The number of cards animated in the stack can vary, ranging from 2 to 6.