Re: [csswg-drafts] [css-view-transitions-2] Creating 'classes' of transition groups (#8319)

Is this feature intended to solve the sharing problem with view transition animations? Currently if I want to share some animation, for example a slide animation, the best way I can think to do so is to create a custom property like: `--transition-slide` on the root. However to use this animation requires adding at few different selectors that then set the animation.

I think with this proposal I could instead share some CSS and to use the animation only requires setting the `view-transition-class`. For example:

```css
::view-transition-group(*, slide) {
  &::view-transition-old(*) {
    animation: ...
  }
  &::view-transition-new(*) {
    animation: ...
  }
}
```

Then usage:

```js
.my-selector {
  view-transition-name: header;
  view-transition-class: slide;
}
```

Does this sound correct?

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


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

Received on Friday, 30 June 2023 14:52:37 UTC