Re: [csswg-drafts] [css-animations-2] Add animation-trigger for triggering animations when an element is in a timeline's range (#8942)

@flackr I’m a bit confused about the proposed range. When I think of a Scroll-Trigger Animation, I think of a certain line that the elements needs to cross, not a range. Say I want to trigger an animation when scrolling past the 1000px scroll offset, would your range then be `[1000px, +Infinity]` to indicate that the animation can play while in that range?

About the `repeat` value: Wouldn’t that have weird visual results when scrolling down and up again? Take a trigger line at a scroll offset of 1000px with a fade-in animation:

1. When scrolling up and crossing that offset, the element fades in and – most likely – stays in its end state of `opacity: 1`.
2. When then scrolling back down again the element remains as it was, thus at `opacity: 1`.
3. When then scrolling back up and crossing the line, the animation will restart. This would mean that the element has `opacity: 1` when at the 999px scrolll offset, and then jumps back to the animation (which starts at `opacity: 0`) when at the 1000px scroll offset. This feels like a glitch.



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


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

Received on Friday, 15 September 2023 07:24:52 UTC