Skip to content
Branch: master
Find file History
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
..
Failed to load latest commit information.
README.md
boats.jpg
index.css
index.html
index.js

README.md

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 maintained correctly.

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.

You can’t perform that action at this time.