@@ -114,6 +114,7 @@ urlPrefix: https://drafts.csswg.org/web-animations-1/; type: dfn; spec: web-anim
114
114
text: iteration progress
115
115
text: iteration start
116
116
text: keyframe effect
117
+ text: monotonically increasing
117
118
text: not animatable
118
119
text: overall progress
119
120
text: pending pause task
227
228
228
229
Update the note on the first step of the algorithm by adding the following bullet:
229
230
230
- > * Updating the [=animation trigger state|state=] of [=animation triggers=]
231
- > by running the [=updating animation trigger state=] procedure.
231
+ > * Updating the [=animation trigger state|state=] of [=animation triggers=]
232
+ > by running the [=updating animation trigger state=] procedure.
232
233
233
234
<h3 id="animations">Animations</h3>
234
235
@@ -885,11 +886,11 @@ Replace:
885
886
>
886
887
> : If |has finite timeline| is true,
887
888
> ::
888
- > Set |animation|'s [=start time=] to |seek time|.
889
+ > Set |animation|'s [=animation/ start time=] to |seek time|.
889
890
>
890
891
> : Otherwise,
891
892
> ::
892
- > Set |animation|'s [=hold time=] to |seek time|.
893
+ > Set |animation|'s [=animation/ hold time=] to |seek time|.
893
894
>
894
895
> </div>
895
896
@@ -1062,8 +1063,6 @@ Finally, the description of the [=end delay=] is updated to:
1062
1063
> An <a>end delay</a> may also be specified but is primarily only of
1063
1064
> use when sequencing animations such as by using a <a>sequence effect</a> .
1064
1065
1065
- </div>
1066
-
1067
1066
The normative description is updated as follows:
1068
1067
1069
1068
> The lower bound of the <a>active interval</a> is defined by the
@@ -1508,7 +1507,7 @@ of an <a>animation effect</a> is as follows:
1508
1507
This differs from the [=playback rate=] on an <a>animation</a> .
1509
1508
Setting a [=playback rate=] on
1510
1509
an <a>animation</a> to a negative value at a moment before the
1511
- <a>animation</a> 's </ a> associated effect</a> has begun, will result in the
1510
+ <a>animation</a> 's <a>associated effect</a> has begun, will result in the
1512
1511
<a>associated effect</a> never playing.
1513
1512
1514
1513
* Setting the [=animation effect/playback rate=]
@@ -1688,13 +1687,13 @@ Update the definition to include the additional steps to for each phase:
1688
1687
> and that parent group is in the <a>before
1689
1688
> phase</a> , and the <a>fill mode</a> of this animation effect
1690
1689
> is <span class="prop-value"> none</span> or <span
1691
- > class="prop-value">forwards</a > ,
1690
+ > class="prop-value">forwards</span > ,
1692
1691
> :: Return an <a>unresolved</a> <a>time value</a> .
1693
1692
> : If the animation effect has a <a>parent group</a>
1694
1693
> and that parent group is in the <a>after
1695
1694
> phase</a> , and the <a>fill mode</a> of this animation effect
1696
1695
> is <span class="prop-value"> none</span> or <span
1697
- > class="prop-value">backwards</a > ,
1696
+ > class="prop-value">backwards</span > ,
1698
1697
> :: Return an <a>unresolved</a> <a>time value</a> .
1699
1698
> : Otherwise,
1700
1699
> :: Return the result of evaluating
@@ -1821,7 +1820,6 @@ A simple example is illustrated below.
1821
1820
When a <a>group effect</a> is <a>directly associated with
1822
1821
an animation</a> , the <a>animation effect</a> associated with the
1823
1822
<a>group effect</a> can be seeked, paused, and stopped as a unit.
1824
- </p>
1825
1823
1826
1824
</div>
1827
1825
@@ -2486,7 +2484,7 @@ Depending on its most recent [=animation trigger state|state=] |state|, the
2486
2484
2487
2485
1. Let the [=animation trigger|trigger=] of |animation| be |new trigger|.
2488
2486
2489
- 1. Run the procedure to [=updating animation trigger state=] for |trigger|.
2487
+ 1. Run the procedure to [=updating animation trigger state=] for |new trigger|.
2490
2488
</div>
2491
2489
2492
2490
### Setting the timeline of an Animation Trigger ### {#setting-trigger-timeline}
@@ -2527,7 +2525,7 @@ Depending on its most recent [=animation trigger state|state=] |state|, the
2527
2525
::
2528
2526
2529
2527
<dl class=switch>
2530
- : If |type| is 'animation-trigger-type/once' ' and |did trigger| flag is true,
2528
+ : If |type| is '' animation-trigger-type/once'' and |did trigger| flag is true,
2531
2529
::
2532
2530
Then abort this procedure.
2533
2531
@@ -3157,7 +3155,7 @@ a {{EffectTiming}} object.</p>
3157
3155
The <dfn lt="next sibling not included">next sibling of
3158
3156
<var>effect</var> not included</dfn> in a set of <a>animation
3159
3157
effects</a> , <var> effects</var> is determined using the following
3160
- steps:</p>
3158
+ steps:
3161
3159
3162
3160
1. Let <var> context effect</var> be <var> effect</var> .
3163
3161
2. While the <a>next sibling</a> of <var> context effect</var> is not
@@ -3192,7 +3190,7 @@ To <dfn lt="insert children">insert</dfn> a series of zero or
3192
3190
more <a>animation effects</a> , <var> effects</var> , to
3193
3191
<var> parent</var> 's list of <a>child effects</a> before
3194
3192
<var> reference child</var> perform the following steps for each
3195
- <var> effect</var> in <var> effects</var> :</p>
3193
+ <var> effect</var> in <var> effects</var> :
3196
3194
3197
3195
1. <a lt="remove an animation effect">Remove</a> <var> effect</var>
3198
3196
from its parent.
@@ -3464,10 +3462,10 @@ with which it is associated is updated.
3464
3462
3465
3463
<h3 id="the-animatable-interface">The <code>Animatable</code> interface</h3>
3466
3464
3467
- <div class="methods">
3465
+ <div dfn-type=method class=methods
3466
+ dfn-for="Animatable">
3468
3467
3469
- : <dfn method for=Animatable lt="getAnimations()">
3470
- sequence<Animation> getAnimations()</dfn>
3468
+ : <dfn lt="getAnimations(options)">sequence<Animation> getAnimations(|options|)</dfn>
CB92
span>
3471
3469
:: Add:
3472
3470
3473
3471
> If this object is the [=effect target/target element=] of two or more
@@ -3489,7 +3487,7 @@ is modified to add the following members:
3489
3487
: <dfn lt="animate(keyframes, options)">Animation animate(|keyframes|, |options|)</dfn>
3490
3488
:: Amend step 6 of the procedure as follows:
3491
3489
3492
- 6. If |options| is a {{KeyframeAnimationOptions}} object,
3490
+ 6. If |options| is a {{KeyframeAnimationOptions}} object,
3493
3491
let |trigger| be the <code> trigger</code> member of |options|
3494
3492
or, if <code> trigger</code> member of |options| is missing,
3495
3493
a newly created {{AnimationTrigger}} with an empty
@@ -3498,6 +3496,8 @@ is modified to add the following members:
3498
3496
7. Run the procedure to [=setting a trigger of an animation=] for |animation|
3499
3497
with the |auto-rewind| flag set to true.
3500
3498
3499
+ </div>
3500
+
3501
3501
The {{KeyframeAnimationOptions}} dictionary interface
3502
3502
is modified to add the following members:
3503
3503
@@ -3537,7 +3537,7 @@ partial dictionary KeyframeAnimationOptions {
3537
3537
3538
3538
: <dfn dict-member for=KeyframeAnimationOptions>trigger</dfn>
3539
3539
:: If present, specifies the <a>animation</a> ’s associated [=animation trigger=]
3540
- by running the procedure of [=setting a trigger of an animation=] .
3540
+ by running the procedure of [=setting a trigger of an animation=] .
3541
3541
3542
3542
</div>
3543
3543
0 commit comments