A demo of a hero image transition using
prepareImageAnimation. This demo is
done using pages with
position: absolute for simplicity. Swapping in pages
into the body requires more work for making sure the scroll positions are
The image animation in this demo is done within the target page. This ensures that the image animation works correctly even if the user scrolls the page during the animation. The animation duration is longer than what you might expect so that you can try out this functionality.