Check and Control the Image Animations!
Page One
This example has two pages with default cross-document view transitions.
Edit the view-transition.css file to
- set the animation duration of the view transition to 10 seconds
- examine the view transition pseudo-elements rooted at the <html> element in the browser's developer tools
- don't forget to set the over all timing back to 0.2 or 0.25 seconds ;-)
- change the default animation and make the new image slide up a bit from below
- conduct some experiments with the timing function of the new image animation