Skip to content

Commit 26eb703

Browse files
committed
[scroll-animations-1] Define interaction with iteration count. w3c#8233
1 parent b60ccdb commit 26eb703

1 file changed

Lines changed: 32 additions & 1 deletion

File tree

scroll-animations-1/Overview.bs

Lines changed: 32 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,6 +34,9 @@ spec:web-animations-1;
3434
text:active interval
3535
text:start delay
3636
text:end delay
37+
text:active duration
38+
text:iteration count
39+
text:iteration duration
3740
spec:html;
3841
type:dfn; for:/; text:browsing context
3942
type:method; text:requestAnimationFrame()
@@ -672,7 +675,35 @@ spec: cssom-view-1; type: dfn;
672675

673676
ISSUE: Should it reset 'view-timeline-inset' also?
674677

675-
# Named Timeline Scoping # {#timeline-scope}
678+
# Attaching Animations to [=Scroll-driven Timelines=] # {#scroll-driven-attachment}
679+
680+
Animations can be attached to [=scroll-driven timelines=]
681+
using the 'scroll-timeline' property (in CSS)
682+
or the {{AnimationTimeline}} parameters (in the Web Animations API).
683+
The timeline range to which their [=active interval=] is attached
684+
can also be further restricted to a particular timeline range
685+
(see [[#named-range-animation-declaration]]).
686+
687+
## Finite Timeline Calculations ## {#finite-attachment}
688+
689+
Unlike time-driven timelines,
690+
[=scroll-driven timelines=] are finite,
691+
thus [=scroll-driven animations=] are always attached
692+
to a finite timeline range.
693+
The animation’s delays ('animation-delay')
694+
and iterations ('animation-iteration-count')
695+
are set within the limits of this finite range.
696+
If the specified duration is ''animation-duration/auto'',
697+
then once any delays are subtracted,
698+
the remaining range is divided by its [=iteration count=] ('animation-iteration-count')
699+
to find the [=used value|used=] duration.
700+
701+
Note: If the animation has an infinite [=iteration count=],
702+
each [=iteration duration=]--
703+
and the resulting [=active duration=]--
704+
will be zero.
705+
706+
## Named Timeline Scoping ## {#timeline-scope}
676707

677708
A named [=scroll progress timeline=] or [=view progress timeline=]
678709
is referenceable in 'animation-timeline' by:

0 commit comments

Comments
 (0)