LemonPasta https://blog.hatena.ne.jp/LemonPasta/ 開発日誌 https://journal.manasas.dev/ 最近色々なサイトを見て良い！と思ったのをメモるようにしている。（メモ → manas-design-input ） その中で『ページ遷移時のアニメーション、最近トレンドかも』と気づいた。 そういえばastroでそういう機能が実装された気がするので、やってみる。 公式Docは下記。 docs.astro.build Docを見てあまりの記述の少なさに理解が追い付かなかったのだが、本当の本当に、『ページにビュートランジションを追加する』の項の2行を追加するだけで動く。私は前ページで利用しているlayout.astroのheadに追加した。 styleの位置変更を含んでるので差分が見づらいがこんな感… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fjournal.manasas.dev%2Fentry%2F2023%2F11%2F20%2F210456" title="astro view transitionを導入する - 開発日誌" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/L/LemonPasta/20231120/20231120205148.gif Hatena Blog https://hatena.blog 2023-11-20 21:04:56 rich https://journal.manasas.dev/entry/2023/11/20/210456 1.0 100%