Carousel Configurator

A small experience to aid in visualizing the capabilities and features of the CSS Carousel work.

Scroll Buttons?
Dot Navigation?
Paged?

HTML

<ul class="carousel">
  <li>…</li>
  <li>…</li>
  …
<ul>

CSS

.carousel {
  overflow: auto;
  scroll-snap-type: x mandatory;
  anchor-name: --carousel;
  
  > li {
    scroll-snap-align: center;
  }

}