CSS view-transition の使い方 | 株式会社トラスト

00前回に続いて once-campfire の CSS を順番に確認していきます。

<meta name="view-transition" content="same-origin">

これは下記のブログで紹介されています。

現在は、meta タグではなく次のように書くようです。

@view-transition {
  navigation: auto;
}

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

とのことです。

このページに書かれている独自のアニメーションについては、デモページで動作を確認できます。

@view-transition は、現時点の once-campfire には書かれていないようです。

以上です。

▼この記事がいいね！と思ったらブックマークお願いします