Skip to content

Commit b33d125

Browse files
committed
[web-animations-1][editorial] Restructure Section: Active Interval
This edit only adds some text in the first paragraph; everything else is either moving text or adding subheadings. Changes: * Move the illustration to annotate "active interval", the core concept. -> This then allows the rest of the definitions to group together below. * Note up front a bit more how the active interval is calculated, so it hangs together by itself above the illustration. * Add subheadings for each of these terms. This gives the section more formal structure, which should help support more complicated definitions in future levels.
1 parent 85ca304 commit b33d125

File tree

1 file changed

+30
-23
lines changed

1 file changed

+30
-23
lines changed

web-animations-1/Overview.bs

Lines changed: 30 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -2602,35 +2602,15 @@ Animation effects {#animation-effects}
26022602
will never return a negative value.
26032603
</div>
26042604

2605-
### The active interval, duration, and delays ### {#the-active-interval}
2605+
### The active interval ### {#the-active-interval}
26062606

26072607
[=Animation effects=] define an <dfn>active interval</dfn>,
26082608
which is the period of time during which the effect
26092609
is scheduled to produce its effect
26102610
(excepting [=fill modes=],
26112611
which apply outside the [=active interval=]).
2612-
Each [=animation effect=] has only one such interval.
2613-
2614-
The lower bound of the [=active interval=]
2615-
by default corresponds to the [=start time=] of the [=associated animation=],
2616-
but can be shifted by the <dfn>start delay</dfn>,
2617-
which is a signed offset from the [=start time=] of the [=animation=].
2618-
2619-
The length of the [=active interval=] is called the <dfn>active duration</dfn>,
2620-
and is determined by the [=iteration duration=] and [=iteration count=].
2621-
Its length determines the upper bound of the [=active interval=].
2622-
2623-
<blockquote id="calculating-the-active-duration">
2624-
[=active duration=] =
2625-
<code><a>iteration duration</a> × <a>iteration count</a></code>
2626-
</blockquote>
2627-
2628-
If either the [=iteration duration=] or [=iteration count=] are zero,
2629-
the [=active duration=] is zero.
2630-
2631-
Note: This clarification is needed
2632-
since the result of infinity multiplied by zero
2633-
is undefined according to IEEE 754-2008.
2612+
Each [=animation effect=] has only one such interval,
2613+
which is defined by its [=start delay=] and [=active duration=].
26342614

26352615
<div class=informative-bg>
26362616

@@ -2658,6 +2638,33 @@ Animation effects {#animation-effects}
26582638
</figure>
26592639
</div>
26602640

2641+
#### The start delay #### {#the-start-delay}
2642+
2643+
The lower bound of the [=active interval=]
2644+
by default corresponds to the [=start time=] of the [=associated animation=],
2645+
but can be shifted by the <dfn>start delay</dfn>,
2646+
which is a signed offset from the [=start time=] of the [=animation=].
2647+
2648+
#### The active duration #### {#the-active-duration}
2649+
2650+
The length of the [=active interval=] is called the <dfn>active duration</dfn>,
2651+
and is determined by the [=iteration duration=] and [=iteration count=].
2652+
Its length determines the upper bound of the [=active interval=].
2653+
2654+
<blockquote id="calculating-the-active-duration">
2655+
[=active duration=] =
2656+
<code><a>iteration duration</a> × <a>iteration count</a></code>
2657+
</blockquote>
2658+
2659+
If either the [=iteration duration=] or [=iteration count=] are zero,
2660+
the [=active duration=] is zero.
2661+
2662+
Note: This clarification is needed
2663+
since the result of infinity multiplied by zero
2664+
is undefined according to IEEE 754-2008.
2665+
2666+
#### The end delay and animation effect end time #### {#the-end-delay}
2667+
26612668
Similar to the [=start delay=],
26622669
an [=animation effect=] also has an <dfn>end delay</dfn>,
26632670
which is primarily of use when sequencing one [=animation effect=]

0 commit comments

Comments
 (0)