Re: [csswg-drafts] [css-view-transitions-2] Syntax for customizing transitions based on their type (#8960)

Summarizing the proposal and adding this issue to the agenda.

- When the developer starts a transition, they get to specify an identifier for for the transition.
   ```js
      document.startViewTransition({updateCallback: doDOMUpdate, transition-type: foo});
   ```

- This type can now be used in a pseudo-class with any selector.
   ```css
      #my-element:view-transition-type(foo) {
         view-transition-name: my-element;
      }

      html::view-transition-group(my-element):view-transition-type(foo) {
         animation: none;
      }
   ```
   
   The pseudo-class is activated when startViewTransition is called and de-activated when the `finished` promise for the transition is fired. This pseudo-class could appear before/after other pseudo-classes, specifically the `only-child` pseudo-class. Not sure if we need to disallow combining with any pseudo-class.

-- 
GitHub Notification of comment by khushalsagar
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8960#issuecomment-1677710778 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 14 August 2023 16:59:30 UTC