- 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