Clone of Spotify with Astro View Transitions integration for fluid navigation + tailwindcss and svelte
- See a live preview at https://spotify-astro-transitions.vercel.app/
Warning Currently View Transitions is an experimental feature, so may not work properly (specially in firefox and some mobile browsers)
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
Currently Firefox is rendering a strange behavior, I'll be looking for fixes for that
Some mobile browsers aren't playing the animation/transition and/or giving strange behavior when touching the cards (need to touch twice to navigate)