Carousels and Lightboxes

Start Center End

CSS variant (native view-timeline, polyfilled where unsupported)

JS variant (scroll listener)

Origin variant (native, transform-origin swap, no translate - assumes uniform item size)

Thumbnail scrubber (filmstrip navigator instead of dots)

Main, while following Strip, while following Main, remove contrast Strip, remove contrast

Thumbnail scrubber (iOS style - fixed-size thumbnails, only the centered one expands)

Main, while following Strip, while following Main, remove contrast Strip, remove contrast