MPA View Transitions Sandbox

A collection of example view transitions for multi-page sites.

Full page transitions

• Basic No CSS customization, browser defaults
• Slide Left All pages slide in from the right to the left
• Slide Left In and Out All pages slide in from the right to left and out to the left
• Slide In/Out Unique to Page Each page slides in and out in a different direction
• Scale Each page scales in and out
• Blur Each page blurs in and out

Content transitions

• Grid Item View A standard grid of items and a transition to and from a single item view
• Sequenced Items A number of elements transition in a sequence. (pretty hacky still)