Active view transition
The types read-only property of the ViewTransition interface is a ViewTransitionTypeSet that allows the types set on the view transition to be accessed and modified.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 125 | 125 | 144 | 18 | 125 | 18 | |
| DOM API | ||||||
| The types read-only property of the ViewTransition interface is a ViewTransitionTypeSet that allows the types set on the view transition to be accessed and modified. | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
| The ViewTransitionTypeSet interface of the View Transition API is a set-like object representing the types of an active view transition. This enables the types to be queried or modified on-the-fly during a transition. | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
@@iterator [Symbol.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 selector | ||||||
| `:active-view-transition-type()` | 125 | 125 | 147 | 18.2 | 125 | 18.2 |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Use cases
-
Using Active view transition
The types read-only property of the
Cautions
- May not be supported in older browsers.
Implementation notes
- Some APIs require a secure context (HTTPS) or user activation. Check the requirements before use.