@@ -3186,7 +3186,7 @@ <h2>Combining animations</h2>
3186
3186
< code > !important</ code > rules.
3187
3187
</ p >
3188
3188
< p >
3189
- For this first part of this operation—combining < a > intermediate
3189
+ For the first part of this operation—combining < a > intermediate
3190
3190
animation values</ a > that target the same < a
3191
3191
title ="target property "> property</ a > — it is necessary to
3192
3192
determine both
@@ -3210,9 +3210,10 @@ <h2>Combining animations</h2>
3210
3210
< section >
3211
3211
< h3 > The animation stack</ h3 >
3212
3212
< p >
3213
- Associated with each property targetted by an < a > animation effect</ a >
3214
- is an < dfn > animation stack</ dfn > that establishes the relative
3215
- priority of the < a > animation effects</ a > .
3213
+ Associated with each property < a title ="target property "> targetted</ a >
3214
+ by one or more < a > animation effects</ a > is an < dfn > animation
3215
+ stack</ dfn > that establishes the relative priority of the < a > animation
3216
+ effects</ a > .
3216
3217
</ p >
3217
3218
< p >
3218
3219
The relative priority of any two < a > animation
@@ -3407,17 +3408,17 @@ <h2>Keyframe animation effects</h2>
3407
3408
keyframe</ a > .
3408
3409
</ p >
3409
3410
< p class ="note ">
3410
- Unlike CSS, the proposal here is that it is < em > not</ em > possible to
3411
- associate a < a > timing function</ a > directly with a < a > keyframe</ a > .
3412
- Rather, this would be achieved by setting a chain of < a > timing
3413
- functions</ a > on the < a > timed item</ a > (proposal for this is still in
3414
- the works).
3411
+ Unlike CSS syntax, < a > timing functions</ a > are < em > not</ em > directly
3412
+ associated with a < a > keyframe</ a > .
3413
+ Rather, this is achieved by setting a chain of < a > timing functions</ a >
3414
+ on the < a > timed item</ a > (proposal for this is still in the works).
3415
3415
</ p >
3416
3416
< p >
3417
3417
If, due to a < a > timing function</ a > specified on the < a > timed
3418
3418
item</ a > from which the < a > time fraction</ a > is derived, the < a > time
3419
- fraction</ a > lies outside the range [0, 1], the specified < a > keyframe</ a >
3420
- property values are extrapolated to cover the extended range.
3419
+ fraction</ a > lies outside the range [0, 1], the specified
3420
+ < a > keyframe</ a > property values are extrapolated to cover the extended
3421
+ range.
3421
3422
</ p >
3422
3423
< p >
3423
3424
The behavior when < a > keyframes</ a > overlap or have unsupported values
@@ -3571,6 +3572,15 @@ <h3>The unaccumulated animation value of a keyframe animation effect</h3>
3571
3572
conditions are met.
3572
3573
</ p >
3573
3574
</ div >
3575
+ < p class ="note ">
3576
+ Note that this procedure permits overlapping < a > keyframes</ a > .
3577
+ The behavior is that at the point of overlap the output value jumps to
3578
+ the value of last defined < a > keyframe</ a > at that offset.
3579
+ For overlapping frames at 0 or 1, the output value for < a
3580
+ title ="time fraction "> time fractions</ a > less than 0 or greater than
3581
+ or equal to 1 is the value of the first < a > keyframe</ a > or the last
3582
+ < a > keyframe</ a > in < var > keyframes</ var > respectively.
3583
+ </ p >
3574
3584
< div class ="issue ">
3575
3585
< p >
3576
3586
In the presence of certain timing functions, the input time
@@ -3580,34 +3590,25 @@ <h3>The unaccumulated animation value of a keyframe animation effect</h3>
3580
3590
fractions outside this range. We are considering removing this
3581
3591
restriction for the following reasons.
3582
3592
</ p >
3583
- < ul >
3584
- < li >
3585
- Cases exist where it is useful to be able to specify non-linear
3586
- changes in property values at time fractions outside the range
3587
- [0, 1]. While this effect could be achieved by careful
3588
- modification of the timing function, this approach is complex and
3589
- breaks the model's separation of timing concerns from animation
3590
- effects. An example is an animation which is subject to an
3591
- 'overshoot' timing function and which has an effect that sweeps
3592
- through a non-linear color space.
3593
- < li >
3594
- It simplifies the model to remove this rather arbitrary
3595
- restriction.
3596
- </ ul >
3597
-
3598
- < a href =' http://lists.w3.org/Archives/Public/public-fx/2013AprJun/0184.html ' >
3599
- See Section 4 (Keyframe offsets outside [0, 1]) of minuted discussion
3600
- </ a >
3593
+ < p >
3594
+ We are considering removing the restriction since cases exist where
3595
+ it is useful to be able to specify non-linear changes in property
3596
+ values at time fractions outside the range [0, 1].
3597
+ </ p >
3598
+ < p >
3599
+ While this effect could be achieved by careful modification of the
3600
+ timing function, this approach is complex and breaks the model's
3601
+ separation of timing concerns from animation effects. An example is
3602
+ an animation which is subject to an 'overshoot' timing function and
3603
+ which has an effect that sweeps through a non-linear color space.
3604
+ </ p >
3605
+ < p >
3606
+ See < a
3607
+ href =' http://lists.w3.org/Archives/Public/public-fx/2013AprJun/0184.html ' > section
3608
+ 4 (Keyframe offsets outside [0, 1]) of minuted discussion from Tokyo
3609
+ 2013 F2F </ a > .
3610
+ </ p >
3601
3611
</ div >
3602
- < p class ="note ">
3603
- Note that this procedure permits overlapping < a > keyframes</ a > .
3604
- The behavior is that at the point of overlap the output value jumps to
3605
- the value of last defined < a > keyframe</ a > at that offset.
3606
- For overlapping frames at 0 or 1, the output value for < a
3607
- title ="time fraction "> time fractions</ a > less than 0 or greater than
3608
- or equal to 1 is the value of the first < a > keyframe</ a > or the last
3609
- < a > keyframe</ a > in < var > keyframes</ var > respectively.
3610
- </ p >
3611
3612
</ section >
3612
3613
< section >
3613
3614
< h3 > Procedure for evenly distributing keyframes</ h3 >
0 commit comments