What is it?

Rotating Cards animates card elements within a specified container, creating a dynamic visual experience by cycling through different rotation animations. The effect supports multiple rotation types and speeds, making it customizable for various use cases.

How to set it up?

To use the Rotating Cards, configure the following attributes on the container and card elements in Bricks Builder:

'data-rotating-cards-container'. Sets up the container that holds the rotating cards. This attribute must be present on the parent element for the effect to work.

'data-rotating-card'. Marks each card element inside the container to participate in the rotation animation. All child elements with this attribute will be included in the effect.

'data-rotation-type' (Optional). Defines the type of rotation animation used when transitioning between cards.

'data-rotation-speed' (Optional). Specifies the speed of the rotation animation in seconds.

'data-rotation-interval' (Optional). Sets the time interval (in milliseconds) between each card rotation.