Build a 3D card carousel animation
make_carouselAn animation inside one design, not a multi-slide post: cards (image, title, subtitle) on a track that steps to the next card every step seconds; the centred card sits flat, its neighbours swing back in 3D (tilt), smaller and shaded. For an Instagram carousel make one design per slide instead.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| y | Yes | Top of the cards. | |
| gap | No | Space between a neighbour's near edge and the centre card's edge; negative tucks it behind (default -2% of the card width, like a hinged panel). | |
| name | No | ||
| step | No | Seconds each card stays centred before the next (default 0.5). | |
| tilt | No | Degrees the neighbours swing back about their hinge (default 58). | |
| color | No | ||
| enter | No | Slide the whole carousel up into place just before `start` (default true). | |
| items | Yes | ||
| start | No | Seconds: when the first card is centred. | |
| intent | Yes | One short sentence: what you change and why. Kept in the design history. | |
| radius | No | Corner radius of the card (default 6% of its width). | |
| page_id | Yes | The page to work on, as returned by create_design. | |
| art_fill | No | ||
| center_x | Yes | Centre of the focused card, px in the parent. | |
| card_fill | No | Card fill (default white), art panel fill (default #F4F4F4), title colour (default near-black), subtitle colour (default #8A8A8A). | |
| parent_id | No | ||
| card_width | No | Card size (default 720 x 940). | |
| side_scale | No | Neighbours' size relative to the centre card (default 1). | |
| side_shade | No | How much the neighbours fade toward the card colour, 0-1 (default 0.12). | |
| card_height | No | ||
| font_family | No | ||
| move_duration | No | Seconds the move between cards takes (default 0.35, at most `step`). | |
| subtitle_color | No |