op111.net Experiments

prefers-reduced-motion: reduceno-preference

Centered, multi-step

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Left-aligned, multi-step

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Centered, single-step

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Left-aligned, single-step

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

Centered, multi-step

Photo credits: (1) (2) Alex Padurariu; (3) Hamed Daram; (4) Clark Van Der Beken; (5) Delila Ziebart; (6) William Daigneault; (7) Ferdinand Stöhr;

Bugs

On sliders and carousels

Smashing Magazine - A step-by-step guide to building accessible carousels

CSS scroll snap

Slider and carousel libraries