Skip to content

Commit 36df93c

Browse files
committed
[css-transitions-1][css-animations-1][web-animations-1] Update links to renamed CSS Easing Functions
nee CSS Timing Functions
1 parent 7149b43 commit 36df93c

File tree

3 files changed

+16
-41
lines changed

3 files changed

+16
-41
lines changed

css-animations-1/Overview.bs

Lines changed: 7 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -54,31 +54,6 @@ spec:css-backgrounds-3; type:property; text:background-image
5454
spec:css2; type:property; text:display
5555
</pre>
5656

57-
<!-- FIXME: This is only here until css-timing gets added to the biblio data -->
58-
<pre class=biblio>
59-
{
60-
"CSS-TIMING": {
61-
"title": "CSS Timing Functions Level 1",
62-
"authors": [
63-
"Brian Birtles",
64-
"Dean Jackson",
65-
"Matt Rakow",
66-
"Shane Stephens"
67-
],
68-
"date": "2017",
69-
"publisher": "W3C",
70-
"status": "ED",
71-
"href": "https://drafts.csswg.org/css-timing/",
72-
"deliveredBy": [
73-
{
74-
"shortname": "csswg",
75-
"url": "https://www.w3.org/Style/CSS/"
76-
}
77-
]
78-
}
79-
}
80-
</pre>
81-
8257
<h2 id="intro">
8358
Introduction</h2>
8459

@@ -559,21 +534,21 @@ The 'animation-timing-function' property</h3>
559534

560535
The 'animation-timing-function' property describes how the animation will
561536
progress between each pair of keyframes.
562-
Timing functions are defined in the separate CSS Timing Functions module
563-
[[!css-timing]].
537+
Timing functions are defined in the separate CSS Easing Functions module
538+
[[!css-easing-1]].
564539

565-
The <a spec=css-timing>input progress value</a> used is the percentage
540+
The <a spec=css-easing>input progress value</a> used is the percentage
566541
of the time elapsed between the current keyframe and the next keyframe
567542
<em>after</em> incorporating the effect of the 'animation-direction' property.
568543

569544
During the 'animation-delay', the 'animation-timing-function' is not applied.
570545

571-
Note: This definition is necessary because otherwise a <a spec=css-timing>step
572-
timing function</a> with a <a spec=css-timing>step position</a> of <a value
573-
spec=css-timing for="steps()">start</a> would produce a backwards fill equal
546+
Note: This definition is necessary because otherwise a <a spec=css-easing>step
547+
timing function</a> with a <a spec=css-easing>step position</a> of <a value
548+
spec=css-easing for="steps()">start</a> would produce a backwards fill equal
574549
to the top of the first step in the function.
575550

576-
The <a spec=css-timing>output progress value</a> is used as the <var
551+
The <a spec=css-easing>output progress value</a> is used as the <var
577552
ignore>p</var> value when interpolating the property values between the
578553
current and next keyframe.
579554

css-transitions-1/Overview.bs

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -323,10 +323,10 @@ Introduction {#introduction}
323323
duration. These effects are commonly called <em>easing</em> functions.
324324
</p>
325325
<p>
326-
Timing functions are defined in the separate CSS Timing Functions module
327-
[[!css-timing-1]].
328-
The <a spec=css-timing-1>input progress value</a> used is the percentage
329-
of the transition duration, and the <a spec=css-timing-1>output progress
326+
Timing functions are defined in the separate CSS Easing Functions module
327+
[[!css-easing-1]].
328+
The <a spec=css-easing>input progress value</a> used is the percentage
329+
of the transition duration, and the <a spec=css-easing>output progress
330330
value</a> is used as the <var>p</var> value when [=interpolating=]
331331
the property value (see [[#application]]).
332332
</p>

web-animations-1/Overview.bs

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -2886,7 +2886,7 @@ It is often desirable to control the rate at which an <a>animation
28862886
effect</a> progresses.
28872887
For example, easing the rate of animation can create a sense of
28882888
momentum and produce a more natural effect.
2889-
The CSS Timing Functions Module [[!CSS-TIMING-1]] defines <a>timing
2889+
The CSS Easing Functions Module [[!CSS-EASING-1]] defines <a>timing
28902890
functions</a> for this purpose.
28912891

28922892
<a>Animation effects</a> have one <a>timing function</a> associated with
@@ -2917,8 +2917,8 @@ The <dfn>transformed progress</dfn> is calculated from the
29172917

29182918
1. Return the result of evaluating the <a>animation effect</a>'s <a>timing
29192919
function</a> passing <a>directed progress</a> as the <a
2920-
spec=css-timing>input progress value</a> and <var>before flag</var> as the
2921-
<a spec=css-timing>before flag</a>.
2920+
spec=css-easing>input progress value</a> and <var>before flag</var> as the
2921+
<a spec=css-easing>before flag</a>.
29222922

29232923
<h3 id="the-iteration-progress">The iteration progress</h3>
29242924

@@ -4202,7 +4202,7 @@ dictionary OptionalEffectTiming {
42024202
produce easing effects.
42034203

42044204
The syntax of the string is defined by the <<timing-function>>
4205-
production [[!CSS-TIMING-1]].
4205+
production [[!CSS-EASING-1]].
42064206

42074207
</div>
42084208

@@ -4276,7 +4276,7 @@ the following steps:
42764276

42774277
1. If the {{EffectTiming/easing}} member of |input| is <a>present</a>
42784278
but cannot be parsed using the <<timing-function>> production
4279-
[[!CSS-TIMING-1]], <a>throw</a> a <span class=exceptionname>TypeError</span>
4279+
[[!CSS-EASING-1]], <a>throw</a> a <span class=exceptionname>TypeError</span>
42804280
and abort this procedure.
42814281

42824282
1. Assign each member <a>present</a> in |input| to the corresponding timing

0 commit comments

Comments
 (0)