See the animation in action
Arc carousel
Images
Upload to Design → Custom Files (or any image block), then paste the address. Hover a thumbnail to preview it.
Size and speed
70vh
56px
45 px/s
40vh
16px
30 px/s
Spacing below zero overlaps the pictures. Height is a share of the screen, and the pictures are sized to fit it — if the row looks cut off, the code block is shorter than the animation, so drag its bottom edge down in the editor.
Curve
18°
The pictures ride over a hill and lean with it. 0° is a flat row; below zero curves the other way, into a valley.
Appearance
20px
26px
0.16
-2px
10px
Negative Reach pulls the shadow in behind the picture, so it never touches the border.
8%
Heavier settings cannot beat the picture you uploaded — if it was small, it stays soft.
Behaviour
Save your changes
- Click Generate updated code
- Click Copy code
- Close this window (X in upper right)
- On this page, go into edit mode again, open this code block and select all (Ctrl/Cmd + A) — this deletes the existing code
- Paste the new code and Save