Clone of Spotify with Astro View Transitions is an experimental feature for fluid navigation, this example use tailwindcss and svelte.
You can Deploy the example using Vercel Template or see a live demo
)
AstroSpotifyPresentation.mp4
View Transition is a experimental mechanism to transition between DOM states, learn more in these links:
- Astro Documentation: https://docs.astro.build/en/guides/view-transitions/
- MDN Documentation: https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API
Unfornatelly those browsers aren't compatible yet, see https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API#browser_compatibility