Skip to content

Commit 0b0091e

Browse files
committed
[web-animations-1][editorial] Fixed Bikeshed errors, fixed definitions and some links.
1 parent 150b74a commit 0b0091e

File tree

1 file changed

+34
-34
lines changed

1 file changed

+34
-34
lines changed

web-animations-1/Overview.bs

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -213,6 +213,7 @@ spec:dom; type:interface; text:EventTarget
213213
spec:dom; type:interface; text:Event
214214
spec:dom; type:dfn; for:/; text:shadow root
215215
spec:css-color-4; type:value; text:transparent
216+
spec:css-fonts-4; type:property; text:font-weight
216217
spec:css-values-3; type:type; text:<ident>
217218
spec:css-backgrounds-3; type:property;
218219
text:border-width
@@ -714,12 +715,12 @@ frame</a>.
714715
### Timeline Phase ### {#timeline-phases}
715716

716717
A [=timeline=] may be in one of four possible
717-
<dfn export lt="timeline phase">phases</dfn>:
718+
<dfn export for=timeline lt="timeline phase|phase">phases</dfn>:
718719

719-
1. <dfn export lt="timeline inactive phase">inactive</dfn>
720-
1. <dfn export lt="timeline before phase">before</dfn>
721-
1. <dfn export lt="timeline active phase">active</dfn>
722-
1. <dfn export lt="timeline after phase">after</dfn>
720+
1. <dfn export for=timeline lt="timeline inactive phase|inactive phase">inactive</dfn>
721+
1. <dfn export for=timeline lt="timeline before phase|before phase">before</dfn>
722+
1. <dfn export for=timeline lt="timeline active phase|active phase">active</dfn>
723+
1. <dfn export for=timeline lt="timeline after phase|after phase">after</dfn>
723724

724725
A [=timeline=] in the [=timeline inactive phase|inactive phase=] can
725726
also be called an <dfn>inactive timeline</dfn>
@@ -2290,16 +2291,16 @@ The different phases are illustrated below.
22902291

22912292
The phases are as follows:
22922293

2293-
: <a>before phase</a>
2294+
: [=animation effect/before phase=]
22942295
:: The <a>animation effect</a>'s <a>local time</a> falls before the
22952296
effect's <a>active interval</a> and <a>end time</a>, <em>or</em>
22962297
occurs during the range when a negative <a>start delay</a> is in
22972298
effect.
2298-
: <a>active phase</a>
2299+
: [=animation effect/active phase=]
22992300
:: The <a>animation effect</a>'s <a>local time</a> falls inside the
23002301
effect's <a>active interval</a> and outside the range of any
23012302
negative <a>start delay</a> or negative <a>end delay</a>.
2302-
: <a>after phase</a>
2303+
: [=animation effect/after phase=]
23032304
:: The <a>animation effect</a>'s <a>local time</a> falls after the
23042305
effect's <a>active interval</a> or after the <a>end time</a> if that
23052306
comes first (due to a negative <a>end delay</a>), but <em>not</em>
@@ -2327,7 +2328,7 @@ follows:
23272328
:: Corresponds to an <a>animation effect</a> that has a resolved
23282329
<a>active time</a>.
23292330
This occurs when either the <a>animation effect</a> is in its
2330-
<a>active phase</a> or outside the <a>active phase</a> but at
2331+
[=animation effect/active phase=] or outside the [=animation effect/active phase=] but at
23312332
a time where the effect's <a>fill mode</a> (see [[#fill-behavior]])
23322333
causes its <a>active time</a> to be resolved.
23332334
Only <a>in effect</a> <a>animation effects</a> apply
@@ -2352,7 +2353,7 @@ definitions:
23522353
:: <code>max(min(<a>start delay</a> + <a>active duration</a>,
23532354
<a>end time</a>), 0)</code>
23542355

2355-
An <a>animation effect</a> is in the <dfn>before phase</dfn> if the
2356+
An <a>animation effect</a> is in the <dfn export for="animation effect">before phase</dfn> if the
23562357
animation effect's <a>local time</a> is not <a>unresolved</a> and
23572358
<em>either</em> of the following conditions are met:
23582359

@@ -2361,7 +2362,7 @@ animation effect's <a>local time</a> is not <a>unresolved</a> and
23612362
1. the <a>animation direction</a> is &lsquo;backwards&rsquo; and the <a>local
23622363
time</a> is equal to the <a>before-active boundary time</a>.
23632364

2364-
An <a>animation effect</a> is in the <dfn>after phase</dfn> if the
2365+
An <a>animation effect</a> is in the <dfn export for="animation effect">after phase</dfn> if the
23652366
animation effect's <a>local time</a> is not <a>unresolved</a> and
23662367
<em>either</em> of the following conditions are met:
23672368

@@ -2370,17 +2371,17 @@ animation effect's <a>local time</a> is not <a>unresolved</a> and
23702371
1. the <a>animation direction</a> is &lsquo;forwards&rsquo; and the <a>local
23712372
time</a> is equal to the <a>active-after boundary time</a>.
23722373

2373-
An <a>animation effect</a> is in the <dfn>active phase</dfn> if the
2374+
An <a>animation effect</a> is in the <dfn export for="animation effect">active phase</dfn> if the
23742375
animation effect's <a>local time</a> is not <a>unresolved</a> and it is
2375-
not in either the <a>before phase</a> nor the <a>after phase</a>.
2376+
not in either the [=animation effect/before phase=] nor the [=animation effect/after phase=].
23762377

23772378
Furthermore, it is often convenient to refer to the case when an animation
2378-
effect is in none of the above phases as being in the <dfn>idle phase</dfn>.
2379+
effect is in none of the above phases as being in the <dfn export for="animation effect">idle phase</dfn>.
23792380

23802381
An <a>animation effect</a> is <dfn>in play</dfn> if <em>all</em>
23812382
of the following conditions are met:
23822383

2383-
1. the <a>animation effect</a> is in the <a>active phase</a>, and
2384+
1. the <a>animation effect</a> is in the [=animation effect/active phase=], and
23842385
2. the <a>animation effect</a> is <a>associated with an animation</a> that is not
23852386
<a lt="finished play state">finished</a>.
23862387

@@ -2390,10 +2391,10 @@ of the following conditions are true:
23902391
* the [=animation effect=] is [=in play=], or
23912392
* the [=animation effect=] is [=associated with an animation=] with
23922393
a [=playback rate=] &gt; 0 and
2393-
the [=animation effect=] is in the [=before phase=], or
2394+
the [=animation effect=] is in the [=animation effect/before phase=], or
23942395
* the [=animation effect=] is [=associated with an animation=] with
23952396
a [=playback rate=] &lt; 0 and
2396-
the [=animation effect=] is in the [=after phase=].
2397+
the [=animation effect=] is in the [=animation effect/after phase=].
23972398

23982399
An animation effect is <dfn>in effect</dfn> if its <a>active time</a>, as
23992400
calculated according to the procedure in [[#calculating-the-active-time]],
@@ -2485,26 +2486,26 @@ The effect of each <a>fill mode</a> is as follows:
24852486
: none
24862487
:: The animation effect has no effect when it is not <a>in play</a>.
24872488
: forwards
2488-
:: When the animation effect is in the <a>after phase</a>,
2489+
:: When the animation effect is in the [=animation effect/after phase=],
24892490
the animation effect will produce the same <a>iteration progress</a>
24902491
value as the last moment it is scheduled to be <a>in play</a>.
24912492

24922493
For all other times that the animation effect is not <a>in play</a>,
24932494
it will have no effect.
24942495
: backwards
2495-
:: When the animation effect is in the <a>before phase</a>,
2496+
:: When the animation effect is in the [=animation effect/before phase=],
24962497
the animation effect will produce the same <a>iteration progress</a>
24972498
value as the earliest moment that it is scheduled to be <a>in play</a>.
24982499

24992500
For all other times that the animation effect is not <a>in play</a>,
25002501
it will have no effect.
25012502
: both
25022503
:: When the animation effect
2503-
is in its <a>before phase</a>,
2504+
is in its [=animation effect/before phase=],
25042505
<span class="prop-value">backwards</span> fill behavior is used.
25052506

25062507
When the animation effect
2507-
is in its <a>after phase</a>,
2508+
is in its [=animation effect/after phase=],
25082509
<span class="prop-value">forwards</span> fill behavior is used.
25092510

25102511
Some examples of the these fill modes are illustrated below.
@@ -2532,7 +2533,7 @@ Note: setting a fill mode has no bearing on the endpoints of the
25322533
However, the fill mode <em>does</em> have an effect on various other
25332534
properties of the timing model since the <a>active time</a> of an
25342535
animation effect is only defined (that is, not <a>unresolved</a>) inside
2535-
the <a>active phase</a> <em>or</em> when a fill is applied.
2536+
the [=animation effect/active phase=] <em>or</em> when a fill is applied.
25362537

25372538
</div>
25382539

@@ -2837,7 +2838,7 @@ phase as follows,
28372838

28382839
<div class="switch">
28392840

2840-
: If the animation effect is in the <a>before phase</a>,
2841+
: If the animation effect is in the [=animation effect/before phase=],
28412842
:: The result depends on the first matching condition from the
28422843
following,
28432844

@@ -2853,11 +2854,11 @@ phase as follows,
28532854

28542855
</div>
28552856

2856-
: If the animation effect is in the <a>active phase</a>,
2857+
: If the animation effect is in the [=animation effect/active phase=],
28572858
:: Return the result of evaluating
28582859
<code><a>local time</a> - <a>start delay</a></code>.
28592860

2860-
: If the animation effect is in the <a>after phase</a>,
2861+
: If the animation effect is in the [=animation effect/after phase=],
28612862
:: The result depends on the first matching condition from the
28622863
following,
28632864

@@ -2893,7 +2894,7 @@ have completed (including partial iterations) and is defined as follows:
28932894
<div class="switch">
28942895

28952896
: If the <a>iteration duration</a> is zero,
2896-
:: If the animation effect is in the <a>before phase</a>, let
2897+
:: If the animation effect is in the [=animation effect/before phase=], let
28972898
<var>overall progress</var> be zero, otherwise, let it be equal
28982899
to the <a>iteration count</a>.
28992900
: Otherwise,
@@ -2926,8 +2927,8 @@ applied to the effect, and is calculated as follows:
29262927

29272928
* the <var>simple iteration progress</var> calculated above is zero,
29282929
<em>and</em>
2929-
* the animation effect is in the <a>active phase</a> <em>or</em> the
2930-
<a>after phase</a>, <em>and</em>
2930+
* the animation effect is in the [=animation effect/active phase=] <em>or</em> the
2931+
[=animation effect/after phase=], <em>and</em>
29312932
* the <a>active time</a> is equal to the <a>active duration</a>,
29322933
<em>and</em>
29332934
* the <a>iteration count</a> is <em>not</em> equal to zero.
@@ -2958,7 +2959,7 @@ following steps:
29582959
1. If the <a>active time</a> is <a>unresolved</a>, return
29592960
<a>unresolved</a>.
29602961

2961-
1. If the animation effect is in the <a>after phase</a> <em>and</em>
2962+
1. If the animation effect is in the [=animation effect/after phase=] <em>and</em>
29622963
the <a>iteration count</a> is infinity, return infinity.
29632964

29642965
1. If the <a>simple iteration progress</a> is 1.0,
@@ -3076,8 +3077,8 @@ The <dfn export>transformed progress</dfn> is calculated from the
30763077
class="prop-value">forwards</span>,
30773078
let <var>going forwards</var> be true, otherwise it is false.
30783079
1. The <var>before flag</var> is set if the animation effect is
3079-
in the <a>before phase</a> and <var>going forwards</var> is true; or if
3080-
the animation effect is in the <a>after phase</a> and <var>going
3080+
in the [=animation effect/before phase=] and <var>going forwards</var> is true; or if
3081+
the animation effect is in the [=animation effect/after phase=] and <var>going
30813082
forwards</var> is false.
30823083

30833084
1. Return the result of evaluating the <a>animation effect</a>'s <a>timing
@@ -3997,9 +3998,8 @@ includes the property.
39973998
As a result of the above requirement, if an animation targets, for example,
39983999
the 'transform' property of an element, a <a>stacking context</a> will be
39994000
created for the <a>effect target</a> so long as the <a>animation</a> is in
4000-
the <a>before phase</a>, the <a>active phase</a> or, if it has a <a>fill
4001-
mode</a> of &lsquo;forwards&rsquo; or &lsquo;both&rsquo;, the <a>after
4002-
phase</a>.
4001+
the [=animation effect/before phase=], the [=animation effect/active phase=] or, if it has a
4002+
<a>fill mode</a> of &lsquo;forwards&rsquo; or &lsquo;both&rsquo;, the [=animation effect/after phase=].
40034003

40044004
</div>
40054005

0 commit comments

Comments
 (0)