- From: Robert Flack via GitHub <sysbot+gh@w3.org>
- Date: Mon, 29 Aug 2022 17:39:31 +0000
- To: public-css-archive@w3.org
flackr has just created a new issue for https://github.com/w3c/csswg-drafts:
== [scroll-animations-1] Make scroll-timeline-* support multiple scroll timelines through list value ==
The [view-timeline](https://drafts.csswg.org/scroll-animations-1/#view-timeline-shorthand) rule supports a comma separated list of timelines to declare, however scroll-timeline does not. We should probably support a list value for scroll-timeline as well to allow subsequent siblings (per our resolution on [scoped timelines](https://github.com/w3c/csswg-drafts/issues/7047#issuecomment-1203984802)) to animate w.r.t. both the horizontal and vertical scroll positions. e.g.
```html
<style>
.scroller {
scroll-timeline: scroll-block block, scroll-inline inline;
}
.effect1 {
animation: effect1 scroll-block;
}
.effect2 {
animation: effect2 scroll-inline;
}
</style>
<div class="scroller">
<!-- scrolling content -->
</div>
<div class="effect1"></div>
<div class="effect2"></div>
```
Note that [view-timeline](https://drafts.csswg.org/scroll-animations-1/#view-timeline-shorthand) already accepts a list, so this would add more internal consistency.
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7657 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Monday, 29 August 2022 17:39:33 UTC