Exit
1 / 10

About

This is a demo of all the funky view-transitions baked into this slide-deck tool.

You can assign a transition to a specific slide by providing it as metadata with the new slide delimiter, like so:

--- { transition: slide }
2 / 10

Slide

This page has the ‘slide’ transition.

3 / 10

Wipe

This page has the ‘wipe’ transition.

4 / 10

Zoom

This page has the ‘zoom’ transition.

5 / 10

Flip

This page has the ‘flip’ transition.

6 / 10

Dissolve

This page has the ‘dissolve’ transition.

7 / 10

Iris

This page has the ‘iris’ transition.

8 / 10

Barn

This page has the ‘barn’ transition.

9 / 10

Spin

This page has the ‘spin’ transition.

10 / 10

Much credit to Bramus Van Damme for his porting of Internet Explorer’s Page Transitions to the View Transition API: https://page-transitions.style