2026.07.22
transition:persist でDOMは残るが、CSSアニメーションはrestartする——seek-offsetで補正した話
Astroの transition:persist でナビゲーションDOMを保持しても、CSS keyframesは遷移のたびにrestartしてしまう。--bn-grow-offset というCSS変数でシーク補正した話。
tag
#アニメーション
「アニメーション」がついた記事 2 件。
JP EN
tag
「アニメーション」がついた記事 2 件。
2026.07.22
Astroの transition:persist でナビゲーションDOMを保持しても、CSS keyframesは遷移のたびにrestartしてしまう。--bn-grow-offset というCSS変数でシーク補正した話。
2026.07.21
ボトムナビのタップ遷移演出「にょき」を実装した。3回のFBを経て完成した過程と、Astro の set:html が CSS スコープを壊す罠の話。