Skip to content

Commit 05bb6b6

Browse files
committed
Minor edits to 4.2 and 4.3
1 parent 0d6b3ad commit 05bb6b6

File tree

1 file changed

+39
-38
lines changed

1 file changed

+39
-38
lines changed

index.html

Lines changed: 39 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -3186,7 +3186,7 @@ <h2>Combining animations</h2>
31863186
<code>!important</code> rules.
31873187
</p>
31883188
<p>
3189-
For this first part of this operation&mdash;combining <a>intermediate
3189+
For the first part of this operation&mdash;combining <a>intermediate
31903190
animation values</a> that target the same <a
31913191
title="target property">property</a>&mdash; it is necessary to
31923192
determine both
@@ -3210,9 +3210,10 @@ <h2>Combining animations</h2>
32103210
<section>
32113211
<h3>The animation stack</h3>
32123212
<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>.
32163217
</p>
32173218
<p>
32183219
The relative priority of any two <a>animation
@@ -3407,17 +3408,17 @@ <h2>Keyframe animation effects</h2>
34073408
keyframe</a>.
34083409
</p>
34093410
<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).
34153415
</p>
34163416
<p>
34173417
If, due to a <a>timing function</a> specified on the <a>timed
34183418
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.
34213422
</p>
34223423
<p>
34233424
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>
35713572
conditions are met.
35723573
</p>
35733574
</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>
35743584
<div class="issue">
35753585
<p>
35763586
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>
35803590
fractions outside this range. We are considering removing this
35813591
restriction for the following reasons.
35823592
</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>
36013611
</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>
36113612
</section>
36123613
<section>
36133614
<h3>Procedure for evenly distributing keyframes</h3>

0 commit comments

Comments
 (0)