- From: Robert Flack via GitHub <sysbot+gh@w3.org>
- Date: Thu, 17 Mar 2022 13:40:46 +0000
- To: public-css-archive@w3.org
I should add I don't think this solves the original use case as simply as offsets did. e.g. with offsets you can apply an entry and exit effect with a single animation:
```js
const timeline = new ScrollTimeline({
scrollOffsets: [
{ target: image, edge: 'start', threshold: 0 },
{ target: image, edge: 'start', threshold: 100 },
{ target: image, edge: 'end', threshold: 100 },
{ target: image, edge: 'end', threshold: 0 }
]
});
const effect = new KeyframeEffect(
image,
{ opacity: [0, 1, 1, 0]},
{ duration: 1000, fill: both }
);
const revealUnrevealAnimation = new Animation(effect, timeline);
revealUnrevealAnimation.play();
```
However, defined as phases this has the exact issue that was of concern in #4912, that the entry and exit need to be separate animations. That said, I think it's workable to define these separately as I find it a little awkward that if you don't match the number of scroll offsets to the number of keyframes that the offsets are not keyframe aligned.
--
GitHub Notification of comment by flackr
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7044#issuecomment-1070939267 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 17 March 2022 13:40:51 UTC