Skip to content

Instantly share code, notes, and snippets.

@gillkyle

gillkyle/create-page-transitions.mdx

Created April 10, 2020 16:03
Show Gist options
  • Save gillkyle/206a9a331145d5303887233cc330a879 to your computer and use it in GitHub Desktop.
Save gillkyle/206a9a331145d5303887233cc330a879 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
create-page-transitions.mdx

Create transitions between Gatsby pages

You can create transitions for animating between entering and exiting Gatsby pages.

The first step is installing the NPM packages you need:

Add the plugin to your Gatsby config.

Create a few example pages to animate between:

When you run your site you can navigate to http://localhost:8000/transition-paint-drip to try it out.

See more examples about usage in the docs for the transition link plugin: https://transitionlink.tylerbarnes.ca/docs/

And your recipe is served!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment