⚠️ Unsupported features ⚠️

This gallery requires a few CSS features that aren't currently available in your browser. These features are available in Chrome 135+ and other Chromium-based browsers.

Horizontal List

Scroll Buttons Scroll Markers Scroll State Queries Scroll Driven Animation interactivity: inert Anchor

This is a regular list of items, but they've been given tabindex=0 so they can be focused. In addition, interactivity: inert is used with scroll driven animation view(x) to make offscreen items non-focusable. Items in this state also have reduced opacity.

Scroll buttons also responsively adapt to inner or outer positioning based on availability!

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16