Skip to content

Commit 2fe0748

Browse files
committed
[css-animations-2] Override method links to point to ED
1 parent df85c10 commit 2fe0748

File tree

2 files changed

+12
-15
lines changed

2 files changed

+12
-15
lines changed

css-animations-2/Overview.bs

+3
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,9 @@ Editor: L. David Baron, Mozilla, dbaron@dbaron.org
2929
Abstract: This CSS module describes a way for authors to animate the values of CSS properties over time, using keyframes. The behavior of these keyframe animations can be controlled by specifying their duration, number of repeats, and repeating behavior.
3030
</pre>
3131
<pre class="anchors">
32+
urlPrefix: https://w3c.github.io/web-animations/; type: method; for: Animation; spec: web-animations
33+
text: play()
34+
text: pause()
3235
urlPrefix: https://w3c.github.io/web-animations/; type: dfn; spec: web-animations
3336
text: current time
3437
text: pause an animation

css-animations-2/Overview.html

+9-15
Original file line numberDiff line numberDiff line change
@@ -206,18 +206,18 @@ <h3 class="heading settled" data-level="2.1" id="owning-element-section"><span c
206206
<h2 class="heading settled" data-level="3" id="keyframes"><span class="secno">3. </span><span class="content">Keyframes</span><a class="self-link" href="#keyframes"></a></h2>
207207
<h3 class="heading settled" data-level="3.1" id="animation-play-state"><span class="secno">3.1. </span><span class="content">The <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state">animation-play-state</a> property</span><a class="self-link" href="#animation-play-state"></a></h3>
208208
<h4 class="heading settled" data-level="3.1.1" id="interaction-between-animation-play-state-and-web-animations-API"><span class="secno">3.1.1. </span><span class="content">Interaction between <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state">animation-play-state</a> and the Web Animations API</span><a class="self-link" href="#interaction-between-animation-play-state-and-web-animations-API"></a></h4>
209-
<p>Both this specification and the Web Animations specification <a data-link-type="biblio" href="#biblio-web-animations">[WEB-ANIMATIONS]</a> define mechanisms for pause control, specifically the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state">animation-play-state</a> property, and the <code class="idl"><a data-link-type="idl" href="http://www.w3.org/TR/web-animations/#dom-animation-play">play()</a></code> and <code class="idl"><a data-link-type="idl" href="http://www.w3.org/TR/web-animations/#dom-animation-pause">pause()</a></code> methods
209+
<p>Both this specification and the Web Animations specification <a data-link-type="biblio" href="#biblio-web-animations">[WEB-ANIMATIONS]</a> define mechanisms for pause control, specifically the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state">animation-play-state</a> property, and the <code class="idl"><a data-link-type="idl" href="https://w3c.github.io/web-animations/#play">play()</a></code> and <code class="idl"><a data-link-type="idl" href="https://w3c.github.io/web-animations/#pause">pause()</a></code> methods
210210
respectively.</p>
211211
<div class="note" role="note">
212212
<p>The interaction of these methods can be summarized as follows:</p>
213213
<ul>
214214
<li data-md="">
215-
<p>Calling <code class="idl"><a data-link-type="idl" href="http://www.w3.org/TR/web-animations/#dom-animation-pause">pause()</a></code> is sticky. The animation will remain paused
216-
until there is a subsequent call to <code class="idl"><a data-link-type="idl" href="http://www.w3.org/TR/web-animations/#dom-animation-play">play()</a></code> after which point
215+
<p>Calling <code class="idl"><a data-link-type="idl" href="https://w3c.github.io/web-animations/#pause">pause()</a></code> is sticky. The animation will remain paused
216+
until there is a subsequent call to <code class="idl"><a data-link-type="idl" href="https://w3c.github.io/web-animations/#play">play()</a></code> after which point
217217
the animation will begin tracking changes to the computed value of the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state">animation-play-state</a> property on the <a data-link-type="dfn" href="#owning-element">owning element</a> from the next
218218
moment it becomes newly <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-animations-1/#valdef-animation-play-state-paused">paused</a>.</p>
219219
<li data-md="">
220-
<p>If the computed <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state">animation-play-state</a> on the <a data-link-type="dfn" href="#owning-element">owning element</a> is <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-animations-1/#valdef-animation-play-state-paused">paused</a>, calling <code class="idl"><a data-link-type="idl" href="http://www.w3.org/TR/web-animations/#dom-animation-play">play()</a></code> will temporarily override the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state">animation-play-state</a> until it next becomes <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-animations-1/#valdef-animation-play-state-running">running</a>.</p>
220+
<p>If the computed <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state">animation-play-state</a> on the <a data-link-type="dfn" href="#owning-element">owning element</a> is <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-animations-1/#valdef-animation-play-state-paused">paused</a>, calling <code class="idl"><a data-link-type="idl" href="https://w3c.github.io/web-animations/#play">play()</a></code> will temporarily override the <a class="property" data-link-type="propdesc" href="https://drafts.csswg.org/css-animations-1/#propdef-animation-play-state">animation-play-state</a> until it next becomes <a class="css" data-link-type="maybe" href="https://drafts.csswg.org/css-animations-1/#valdef-animation-play-state-running">running</a>.</p>
221221
</ul>
222222
</div>
223223
<p>With regards to the pausing, an animation can be considered to be in one of
@@ -245,14 +245,14 @@ <h4 class="heading settled" data-level="3.1.1" id="interaction-between-animation
245245
<th>E
246246
<tr>
247247
<th class="rowgroup" rowspan="4">Resulting state
248-
<td><code class="idl"><a data-link-type="idl" href="http://www.w3.org/TR/web-animations/#dom-animation-play">play()</a></code>
248+
<td><code class="idl"><a data-link-type="idl" href="https://w3c.github.io/web-animations/#play">play()</a></code>
249249
<td>A
250250
<td>B
251251
<td>A
252252
<td>B
253253
<td>B
254254
<tr>
255-
<td><code class="idl"><a data-link-type="idl" href="http://www.w3.org/TR/web-animations/#dom-animation-pause">pause()</a></code>
255+
<td><code class="idl"><a data-link-type="idl" href="https://w3c.github.io/web-animations/#pause">pause()</a></code>
256256
<td>C
257257
<td>D
258258
<td>C
@@ -274,7 +274,7 @@ <h4 class="heading settled" data-level="3.1.1" id="interaction-between-animation
274274
<td>E
275275
</table>
276276
<p>If any change causes an animation to change from one of the running states (A,
277-
B) to one of the paused states (C, D, E) the user agent must run the <a data-link-type="dfn" href="https://w3c.github.io/web-animations/#pause-an-animation">pause
277+
B) to one of the paused states (C, D, E), the user agent must run the <a data-link-type="dfn" href="https://w3c.github.io/web-animations/#pause-an-animation">pause
278278
an animation</a> procedure on the animation.</p>
279279
<p>Likewise, for any change from one of the the paused states to one of the
280280
running states, the user agent must run the <a data-link-type="dfn" href="https://w3c.github.io/web-animations/#play-an-animation">play an animation</a> procedure
@@ -404,16 +404,12 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
404404
<a data-link-type="biblio" href="#biblio-web-animations">[web-animations]</a> defines the following terms:
405405
<ul>
406406
<li><a href="https://w3c.github.io/web-animations/#pause-an-animation">pause an animation</a>
407+
<li><a href="https://w3c.github.io/web-animations/#pause">pause()</a>
407408
<li><a href="https://w3c.github.io/web-animations/#play-an-animation">play an animation</a>
409+
<li><a href="https://w3c.github.io/web-animations/#play">play()</a>
408410
<li><a href="https://w3c.github.io/web-animations/#target-effect">target effect</a>
409411
<li><a href="https://w3c.github.io/web-animations/#target-element">target element</a>
410412
</ul>
411-
<li>
412-
<a data-link-type="biblio" href="#biblio-web-animations-1">[web-animations-1]</a> defines the following terms:
413-
<ul>
414-
<li><a href="http://www.w3.org/TR/web-animations/#dom-animation-pause">pause()</a>
415-
<li><a href="http://www.w3.org/TR/web-animations/#dom-animation-play">play()</a>
416-
</ul>
417413
</ul>
418414
<h2 class="no-num heading settled" id="references"><span class="content">References</span><a class="self-link" href="#references"></a></h2>
419415
<h3 class="no-num heading settled" id="normative"><span class="content">Normative References</span><a class="self-link" href="#normative"></a></h3>
@@ -426,8 +422,6 @@ <h3 class="no-num heading settled" id="normative"><span class="content">Normativ
426422
<dd>S. Bradner. <a href="https://tools.ietf.org/html/rfc2119">Key words for use in RFCs to Indicate Requirement Levels</a>. March 1997. Best Current Practice. URL: <a href="https://tools.ietf.org/html/rfc2119">https://tools.ietf.org/html/rfc2119</a>
427423
<dt id="biblio-web-animations"><a class="self-link" href="#biblio-web-animations"></a>[WEB-ANIMATIONS]
428424
<dd>Brian Birtles; et al. <a href="http://www.w3.org/TR/web-animations-1/">Web Animations</a>. 7 July 2015. WD. URL: <a href="http://www.w3.org/TR/web-animations-1/">http://www.w3.org/TR/web-animations-1/</a>
429-
<dt id="biblio-web-animations-1"><a class="self-link" href="#biblio-web-animations-1"></a>[WEB-ANIMATIONS-1]
430-
<dd>Brian Birtles; et al. <a href="http://www.w3.org/TR/web-animations-1/">Web Animations</a>. 7 July 2015. WD. URL: <a href="http://www.w3.org/TR/web-animations-1/">http://www.w3.org/TR/web-animations-1/</a>
431425
</dl>
432426
</body>
433427
</html>

0 commit comments

Comments
 (0)