@@ -213,6 +213,7 @@ spec:dom; type:interface; text:EventTarget
213213spec:dom; type:interface; text:Event
214214spec:dom; type:dfn; for:/; text:shadow root
215215spec:css-color-4; type:value; text:transparent
216+ spec:css-fonts-4; type:property; text:font-weight
216217spec:css-values-3; type:type; text:<ident>
217218spec:css-backgrounds-3; type:property;
218219 text:border-width
@@ -714,12 +715,12 @@ frame</a>.
714715### Timeline Phase ### {#timeline-phases}
715716
716717A [=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
724725A [=timeline=] in the [=timeline inactive phase|inactive phase=] can
725726also be called an <dfn>inactive timeline</dfn>
@@ -2290,16 +2291,16 @@ The different phases are illustrated below.
22902291
22912292The 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
23562357animation 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
236123621. the <a>animation direction</a> is ‘backwards’ 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
23652366animation 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
237023711. the <a>animation direction</a> is ‘forwards’ 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
23742375animation 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
23772378Furthermore, 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
23802381An <a>animation effect</a> is <dfn>in play</dfn> if <em> all</em>
23812382of 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
238423852. 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=] > 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=] < 0 and
2396- the [=animation effect=] is in the [=after phase=] .
2397+ the [=animation effect=] is in the [=animation effect/ after phase=] .
23972398
23982399An animation effect is <dfn>in effect</dfn> if its <a>active time</a> , as
23992400calculated 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
25102511Some 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:
295829591. 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
296429651. 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
308330841. Return the result of evaluating the <a>animation effect</a> 's <a>timing
@@ -3997,9 +3998,8 @@ includes the property.
39973998As a result of the above requirement, if an animation targets, for example,
39983999the 'transform' property of an element, a <a>stacking context</a> will be
39994000created 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 ‘forwards’ or ‘both’, 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 ‘forwards’ or ‘both’, the [=animation effect/after phase=] .
40034003
40044004</div>
40054005
0 commit comments