Screen one

Responsive scroll snap points

A demonstration to show the support for this CSS style.
Only IE11 and Edge at the moment (24th April 2016).
Now working on all the latest browsers.

Nine screens on a 3 x 3 grid.
Scroll/swipe left/right/up/down to move around the grid. Click the horizontal scroll bar on PCs.

CSS PLAY

Screen two

Responsive scroll snap points

A demonstration to show the support for this CSS style

Nine screens on a 3 x 3 grid.
Scroll/swipe left/right/up/down to move around the grid.

CSS PLAY

Screen three

Responsive scroll snap points

A demonstration to show the support for this CSS style

Nine screens on a 3 x 3 grid.
Scroll/swipe left/right/up/down to move around the grid.

CSS PLAY

Screen four

Responsive scroll snap points

A demonstration to show the support for this CSS style

Nine screens on a 3 x 3 grid.
Scroll/swipe left/right/up/down to move around the grid.

CSS PLAY

Screen five

Responsive scroll snap points

A demonstration to show the support for this CSS style

Nine screens on a 3 x 3 grid.
Scroll/swipe left/right/up/down to move around the grid.

CSS PLAY

Screen six

Responsive scroll snap points

A demonstration to show the support for this CSS style

Nine screens on a 3 x 3 grid.
Scroll/swipe left/right/up/down to move around the grid.

CSS PLAY

Screen seven

Responsive scroll snap points

A demonstration to show the support for this CSS style

Nine screens on a 3 x 3 grid.
Scroll/swipe left/right/up/down to move around the grid.

CSS PLAY

Screen eight

Responsive scroll snap points

A demonstration to show the support for this CSS style

Nine screens on a 3 x 3 grid.
Scroll/swipe left/right/up/down to move around the grid.

CSS PLAY

Screen nine

Responsive scroll snap points

A demonstration to show the support for this CSS style

Nine screens on a 3 x 3 grid.
Scroll/swipe left/right/up/down to move around the grid.

CSS PLAY