Ship early
A page live today teaches you more than three perfect mock-ups next week.
Component · degradation
Without JavaScript
This page loads the stylesheet of the component, but not its script. Nothing is broken: the rail is an ordinary scrolling container, so it is still driven with the horizontal wheel, the finger, the keyboard, and the scrollbar — which the component leaves visible for as long as it is not enhanced, since it is the only landmark left.
What goes: dragging with the mouse, the inertia on release, the endless loop and the pivoting of the cards. None of those four carries any information — they are amenities.
The gallery, as it is
Nine cards, with no clones: the loop is made by the script, and
without it the strip has a beginning and an end. The padding of the
track — calc((100% - 13.5em) / 2) — still lets the first
and the last card come to rest at the centre.
Depth goes too
The pivot depends on the distance to the centre, and therefore on the
scrolling: without a script, nobody computes it. The
depth-carousel--depth class is indeed there below, and
the cards stay upright. That is the wanted behaviour — a card turned
at random would be worth less than a card left straight.