Card Flip Carousel

A carousel that deals cards like a deck. Every step, the next card turns face-up as it slides to the centre and the last one flips face-down, a real 3D flip, not a fade.

Paste it on any page, drop in your own images and you're done.

What you can change

• Cards: image, title and text for each card (up to 20)

• Card width, corner radius and a soft shadow

• Back side: two-colour gradient (top and bottom)

• Tilt, flip speed and autoplay with interval

• Arrows: show or hide, fill and icon colour

• Caption: show or hide, text colour, title and text fonts

Built in

• Swipe on touch, arrow keys on desktop, click a side card to jump to it

• Arrows hide themselves on the first and last card

• Switches to a compact mobile layout on small screens

• Pure CSS 3D transforms — no libraries, smooth on any device

• Respects reduced-motion settings