CarouselCards - breakfusion.com

Customize your 3D carousel effect using the controls below
Click the Get Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-carousel-container📋
with value "true" to your container element
Add the attribute
data-carousel-card📋
with value "true" to each card inside the container

This tool creates a custom script with your settings built-in. You only need to add the data attributes with value "true" to implement your 3D cards carousel effect!

Breakfusion Exclusive Get Your 3D Cards Carousel Effect

Add an impressive 3D rotating carousel animation to showcase your content with this custom-crafted JavaScript snippet.

Easy implementation with simple data attributes
Smooth animation with optimal performance
Fully responsive with mobile optimization
Customizable rotation speed, radius, and visual style

Animation Settings

Rotation Speed 1.5

Carousel Radius 150px

Rotation Interval 4000ms

Card Blur Effect Enabled

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use in Breakdance Builder

JavaScript Code