127 of 300

Heroes 11

View transitions

Press the button and the marketing page becomes the app: the headline, the button and three numbers travel to their new places. Press again to go back.

View Transitions API with a linear() spring

  • Shared elementsFive elements have the same view transition name in both states, and the browser moves them.
  • FallbackWithout the API the state changes at once.