Carousel
A carousel which is built out of individual per-item timelines, so that only the visible items are ever animated.
It handles most things, but unless there is only 1 item per-slide, centers the active item.
If you need a more traditional slider, check out swiperjs or splide.
Vanilla
1
2
3
4
5
6
7
8
9
10
Basic dotnav
Uses data-initial-slide="5" to start not at slide 1, and data-slide-to on the dotnav.