Back
Animate a page transition

Give a fragment link an up-transition attribute to animate between the old and new fragment.

story1.html
<main>

  <h1>The first story</h1>

  <a href="/?originalUrl=https%3A%2F%2Funpoly.com%2F%26quot%3Bstory2.html%26quot%3B%2520%253Cmark">up-transition="move-left" up-follow>
    Show next story
  </a>

</main>
story2.html
<main>

  <h1>The second story</h1>

  <a href="/?originalUrl=https%3A%2F%2Funpoly.com%2F%26quot%3Bstory1.html%26quot%3B%2520%253Cmark">up-transition="move-right" up-follow>
    Show previous story
  </a>

</main>