Add way to auto animate transitions between same element in two slides

[bennymi]

Examples:

• https://revealjs.com/auto-animate/
• https://github.com/pngwn/svelte-travel-transitions
• https://svelte.dev/repl/e5e3027d27cf4440a1c6c9cfe9bf663c?version=3.55.1
• https://dev.to/buhrmi/svelte-component-transitions-5ie
• https://stackblitz.com/edit/sveltejs-kit-template-default-ubahkp?file=src%2Froutes%2F%2Bpage.svelte
  • https://old.reddit.com/r/sveltejs/comments/10ijqo2/making_page_transitions_is_just_so_simple_with/
  • https://svelte.dev/examples/svg-transitions
• https://joshcollinsworth.com/blog/sveltekit-page-transitions#what-is-a-page-transition

View Transitions API:

• https://github.com/geoffrich/sveltekit-view-transitions
• https://codelabs.developers.google.com/create-an-instant-and-seamless-web-app#5
• https://developer.chrome.com/docs/web-platform/view-transitions/
• https://old.reddit.com/r/sveltejs/comments/1195vso/native_page_transitions_in_sveltekit_updated_feb/
• https://geoffrich.net/posts/page-transitions-1/

[bennymi]

Once this becomes more widely supported by browsers we can add some examples to the demo and maybe have the documentation mention the API.

[bennymi]

Can also be done with putting the same elements into a layout that the slides share and then changing the content depending on what route is active