之前
页面的过渡动画其实有很多种实现方式,之前在制作主题rebron1900/11ty-theme-notability 时参考的主题 ByMattLee 11ty Starter 中就使用了 GSAP 这个库实现页面过渡动画。
我当时也研究了一下,不过这些动画库的各种参数都太过复杂,并且我也不需要那么多花哨的动画效果,研究了一段时间后就放弃了。
后来在JAMSTACK技术选型的时候关注到Astro这个工具,当时发布的3.0版本Astro 3.0 就原生集成了很漂亮的页面过度动画,甚至可以实现一些类似原生应用动画的效果,比如:
* Hot Fuss by The Killers - Astro Records
* X 上的 Astro:“coming soon: zero-javascript page transitions https://t.co/K4TIlAn2N6” / X
当时看Astro的介绍还以为只能在Astro中并且是SPA模式下使用,直到今天群里有人在讨论Astro的页面过渡动画,当时我想分享上面提到的这两个页面给他,无意间发现X中关于3.0版本发布的