CSS View Transitions

Olex Ponomarenko, 2023-10-16

Demos of a nascent css feature, View Transitions

• Demo 1→

  Basic, slow, transition, showing the feature set available.

• Demo 2→

  3D transform with CSS

• Demo 3→

  Lo-fi Gaming Swipe

• Demo 4→

  Shwoop

Take-aways

• Stick to fast transitions! 1) You can't interact with a page that's animating. 2) A back-navigation during view-transition is less clean than a CSS animation / transition reversed in the middle.