Active view transition
types は ViewTransition インターフェイスの読み取り専用プロパティで、ViewTransitionTypeSet であり、このビュー遷移に設定された型にアクセスしたり、変更したりすることができます。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 125 | 125 | 144 | 18 | 125 | 18 | |
| DOM API | ||||||
| ViewTransition インターフェイスの type 読み取り専用プロパティは、ビュー トランジションで設定されたタイプにアクセスして変更できるようにする ViewTransitionTypeSet です。 | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
| ビュー遷移 API の ViewTransitionTypeSet インターフェイスは、アクティブなビュー遷移のタイプを表すセットのようなオブジェクトです。 これにより、移行中に型をオンザフライでクエリまたは変更できるようになります。 | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
@@iterator [シンボル.イテレータ］ | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
add | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
clear | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
delete | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
entries | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
forEach | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
has | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
keys | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
size | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
values | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
| CSS セレクタ | ||||||
| `:アクティブビュートランジションタイプ()` | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
実務での使いどころ
-
Active view transition の活用
types は ViewTransition インターフェイスの読み取り専用プロパティで、ViewTransitionTypeSet であり、このビュー遷移に設定された型にアクセスしたり、変更したりすることができます。
注意点
- 古いブラウザでは対応していない場合がある。
実装メモ
- 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。