Integrate ViewTransitions API from Astro v3. resolve #96Loading branch information satnaing committed Sep 14, 2023 1 parent 8fda50f commit 9703e54 Showing 11 changed files with 103 additions and 35 deletions. Whitespace Ignore whitespace Split Unified public...
Integrate ViewTransitions API from Astro v3. resolve #96Loading branch information satnaing committed Sep 25, 2023 1 parent e486687 commit cbdaa59 Showing 11 changed files with 103 additions and 35 deletions. Whitespace Ignore whitespace Split Unified public...
这些可都是实实在在的 Web 应用,所有 HTML 均在服务器端渲染而成,通过 Astro 3.0 和新的 View Transitions API 实现。 我们付出了大量努力,让 View Transitions 得以在所有浏览器上均可正常工作,甚至包括那些尚不支持本机 View Transitions API 的浏览器。Astro 3.0 囊括了大部分浏览器的补充功能,并将其以约 ...
この値をもとにして生成されたdata-astro-transition-scopeが判断材料です。 removeAttributeでtransition:nameを消しても、既にdata-astro-transition-scopeが付与されてしまっており、最初に貼ったgifから動きは変わりません。 そのためdata-astro-transition-scopeを操作します。 initialScopeとして最初の状...
Nextjs でページ遷移時にアニメーションを実装する方法を調べていたところ、view transition apiという API があることを知りました。 Astro でも使えるようになったのを知っていたのですが、Nextjs でも使えるのか気になったので調べてみました。
When using both htmx and Astro View Transitions, I had an event that fired on page load, so I added a astro:after-swap event to handle doing the same thing I did after page load, but after a page transition: const triggerFetchLastUpdated = () => { const contentElement = document....
D. Grinspoon
Do you plan to use ViewTransitions https://astro.build/blog/astro-290/? Or, may be, you will wait until it is not experimental anymore in 3.0?Owner satnaing commented Aug 2, 2023 Yep, I might include it when upgrading AstroPaper to Astro v3, but for now, I'm not planning to ...
After removing this flag, please also consult the specific[upgrade to v3.0 advice](https://docs.astro.build/en/guides/view-transitions/#upgrade-to-v30-from-v2x)as some API features have changed and you may have breaking changes with your existing view transitions. ...
Not 100% sure about these changes, but I figured might as well see what y'all think. Description (required) Remove code block in ### Transitions with forms because it does not add any value ( in...