|
5149 | 5149 | "pageType": "web-api-instance-property", |
5150 | 5150 | "summary": "The variable property of the\nCSSVariableReferenceValue interface returns the custom property name of the\nCSSVariableReferenceValue." |
5151 | 5151 | }, |
| 5152 | + { |
| 5153 | + "mdn_url": "/en-US/docs/Web/API/CSSViewTransitionRule", |
| 5154 | + "pageType": "web-api-interface", |
| 5155 | + "summary": "The CSSViewTransitionRule interface represents a CSS @view-transition at-rule." |
| 5156 | + }, |
| 5157 | + { |
| 5158 | + "mdn_url": "/en-US/docs/Web/API/CSSViewTransitionRule/navigation", |
| 5159 | + "pageType": "web-api-instance-property", |
| 5160 | + "summary": "The navigation read-only property of the CSSViewTransitionRule interface returns the associated @view-transition at-rule's navigation descriptor value." |
| 5161 | + }, |
| 5162 | + { |
| 5163 | + "mdn_url": "/en-US/docs/Web/API/CSSViewTransitionRule/types", |
| 5164 | + "pageType": "web-api-instance-property", |
| 5165 | + "summary": "The types read-only property of the CSSViewTransitionRule interface returns an array containing the associated @view-transition at-rule's types descriptor values." |
| 5166 | + }, |
5152 | 5167 | { |
5153 | 5168 | "mdn_url": "/en-US/docs/Web/API/CustomElementRegistry", |
5154 | 5169 | "pageType": "web-api-interface", |
|
33589 | 33604 | "pageType": "guide", |
33590 | 33605 | "summary": "This article explains the theory behind how the View Transition API works, how to create view transitions and customize the transition animations, and how to manipulate active view transitions. This covers view transitions for both DOM state updates in a single-page app (SPA), and navigating between documents in a multi-page app (MPA)." |
33591 | 33606 | }, |
| 33607 | + { |
| 33608 | + "mdn_url": "/en-US/docs/Web/API/View_Transition_API/Using_types", |
| 33609 | + "pageType": "guide", |
| 33610 | + "summary": "View transition types provide a mechanism by which different types can be specified for active view transitions. CSS can then be used to apply different animations to DOM elements when their content updates, depending on the transition type specified. For example, you might want to apply different animations to an <img> element in an image gallery app as the displayed image changes depending on whether you are moving forward or backward in the sequence, deleting an image, or adding an image into the sequence." |
| 33611 | + }, |
33592 | 33612 | { |
33593 | 33613 | "mdn_url": "/en-US/docs/Web/API/Viewport", |
33594 | 33614 | "pageType": "web-api-interface", |
@@ -33654,11 +33674,21 @@ |
33654 | 33674 | "pageType": "web-api-instance-method", |
33655 | 33675 | "summary": "The skipTransition() method of the\nViewTransition interface skips the animation part of the view transition, but doesn't skip running the associated view update." |
33656 | 33676 | }, |
| 33677 | + { |
| 33678 | + "mdn_url": "/en-US/docs/Web/API/ViewTransition/types", |
| 33679 | + "pageType": "web-api-instance-property", |
| 33680 | + "summary": "The types read-only property of the\nViewTransition interface is a ViewTransitionTypeSet that allows the types set on the view transition to be accessed and modified." |
| 33681 | + }, |
33657 | 33682 | { |
33658 | 33683 | "mdn_url": "/en-US/docs/Web/API/ViewTransition/updateCallbackDone", |
33659 | 33684 | "pageType": "web-api-instance-property", |
33660 | 33685 | "summary": "The updateCallbackDone read-only property of the\nViewTransition interface is a Promise that fulfills when the promise returned by the document.startViewTransition() method's callback fulfills, or rejects when it rejects." |
33661 | 33686 | }, |
| 33687 | + { |
| 33688 | + "mdn_url": "/en-US/docs/Web/API/ViewTransitionTypeSet", |
| 33689 | + "pageType": "web-api-interface", |
| 33690 | + "summary": "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." |
| 33691 | + }, |
33662 | 33692 | { |
33663 | 33693 | "mdn_url": "/en-US/docs/Web/API/VirtualKeyboard", |
33664 | 33694 | "pageType": "web-api-interface", |
@@ -39482,12 +39512,12 @@ |
39482 | 39512 | { |
39483 | 39513 | "mdn_url": "/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/scroll", |
39484 | 39514 | "pageType": "css-function", |
39485 | | - "summary": "The scroll() CSS function can be used to define the scroller and axis of an anonymous scroll progress timeline." |
| 39515 | + "summary": "The scroll() CSS function can be used with the animation-timeline property to create an anonymous scroll progress timeline, defining the scroller and axis of the timeline." |
39486 | 39516 | }, |
39487 | 39517 | { |
39488 | 39518 | "mdn_url": "/en-US/docs/Web/CSS/Reference/Properties/animation-timeline/view", |
39489 | 39519 | "pageType": "css-function", |
39490 | | - "summary": "The view() CSS function can be used with animation-timeline to indicate a subject element that will provide an anonymous view progress timeline to animate. The view progress timeline is progressed through by a change in visibility of the subject element inside the nearest ancestor scroller. The visibility of the subject inside the scroller is tracked — by default, the timeline is at 0% when the subject is first visible at one edge of the scroller, and 100% when it reaches the opposite edge." |
| 39520 | + "summary": "The view() CSS function is used with the animation-timeline property to create an anonymous view progress timeline based on when an element comes into view inside its nearest scroll container. You can adjust the tracking axis and the optional insets to control when the element is considered \"in view\"." |
39491 | 39521 | }, |
39492 | 39522 | { |
39493 | 39523 | "mdn_url": "/en-US/docs/Web/CSS/Reference/Properties/animation-timing-function", |
|
0 commit comments