Transition Link: Allows use of normal "Link" component
AniLink: Provides "AniLink" component that can be used in place of link components.
As can be seen above, the performance of transitions which move the whole page is poor. Overlaying graphics to cover the page instead performs better.
A background needs to be set within each page component or pages will be visible through each other during transitions that overlay both pages.
The .tl-edges and .tl-wrapper divs that are inserted between the layout component and the page components interferes with absolute positioning between them. This means the page can't be easily set to min-height: 100% to respond to fill available vertical space on short pages. If transitions aren't needed, remove Transition Link from gatsby config to remove this issue.
To work around this, the background colour is also set in the layout component directly (before tl-edges and tl-wrapper). Any transitions of short pages, however, will still only act on the pages themselves.