[css-animations-2] Fix broken links

Author: birtles

css-animations-2/Overview.bs

@@ -31,6 +31,38 @@ Editor: Brian Birtles, Mozilla https://www.mozilla.org/, bbirtles@mozilla.com, w
 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.
 Ignored Vars: auto-rewind
 </pre>
+<pre class=link-defaults>
+spec:web-animations-1; type:dfn;
+    text:active duration
+    text:active phase; for:animation effect
+    text:active time
+    text:after phase; for:animation effect
+    text:animation class
+    text:animation effect
+    text:associated effect
+    text:associated effect end
+    text:before phase; for:animation effect
+    text:current iteration
+    text:current time; for:animation
+    text:composite operation
+    text:fill mode
+    text:idle play state
+    text:idle phase; for:animation effect
+    text:iteration duration
+    text:iteration count
+    text:iteration start
+    text:keyframe
+    text:pause an animation
+    text:paused play state
+    text:pending pause task
+    text:pending play task
+    text:play an animation
+    text:play state
+    text:playback direction
+    text:start delay
+    text:target element
+    text:unresolved
+</pre>
 
 <h2 id="delta">Delta specification</h2>
 
@@ -134,8 +166,9 @@ let animation = elem.getAnimations()[0]; // animation's owning element is elem
 elem.style.animation = ''; // animation no longer has an owning element
 </pre>
 
-Note that although the <a>owning element</a> is often equal to the <a>target
-element</a> of an animation's <a>target effect</a>, this is not always the case.
+Note that although the <a>owning element</a> is often equal to the
+[=target element=] of an animation's [=associated effect=],
+this is not always the case.
 The following example demonstrates some of the situations where these two
 elements may differ.
 
@@ -155,7 +188,7 @@ animation.effect = null;
 
 ## Animation composite order ## {#animation-composite-order}
 
-<a spec='web-animations'>Animations</a> generated from the markup defined in
+[=Animations=] generated from the markup defined in
 this specification have an <a>animation class</a> of &lsquo;CSS
 Animation&rsquo;.
 
@@ -271,7 +304,7 @@ and the position of the animation in |element|'s 'animation-name' list,
                 subproperties.
 
           *     All logical properties are converted to their
-                [=equivalent physical properties=].
+                [[css-writing-modes-4#logical-to-physical|equivalent physical properties]].
 
           *     For any expanded physical longhand properties that appear more
                 than once,
@@ -553,35 +586,38 @@ possibility of animations being seeked or reversed using the Web Animations API
 [[WEB-ANIMATIONS]].
 
 For the purpose of determining which events to dispatch, the
-[[web-animations#animation-effect-phases-and-states|phases]] defined in
+[[web-animations-1#animation-effect-phases-and-states|phases]] defined in
 the Web Animations model are used. These definitions apply to an <a>animation
 effect</a>, however, for the purpose of dispatching events, we consider a
-CSS Animation to have the same phase as its <a>target effect</a>. For example,
-a CSS Animation is in the <a>before phase</a> if its <a>target effect</a>
-is in the <a>before phase</a>.
+CSS Animation to have the same phase as its [=associated effect=].
+For example, a CSS Animation is in the [=animation effect/before phase=] if its
+[=associated effect=] is in the [=animation effect/before phase=].
 
-A CSS Animation that does not have a <a>target effect</a> is considered to be in
-the <a>idle phase</a> if its <a>current time</a> is <a>unresolved</a>, in the
-<a>before phase</a> if its <a>current time</a> is less than zero, and in the
-<a>after phase</a> otherwise.
+A CSS Animation that does not have an [=associated effect=]
+is considered to be in the <a>idle phase</a>
+if its [=animation/current time=] is <a>unresolved</a>, in the
+[=animation effect/before phase=] if its <a>current time</a> is less than zero,
+and in the [=animation effect/after phase=] otherwise.
 
 Similarly, subsequent references to the <a>start delay</a>, <a>active
 duration</a>, <a>current iteration</a>, <a>iteration start</a>, and
 <a>iteration duration</a> of a CSS animation should be understood to refer
-to the corresponding properties of the animation's <a>target effect</a>.
+to the corresponding properties of the animation's [=associated effect=].
 
 For calculating the {{AnimationEvent/elapsedTime}} of each event, the following
 definitions are used:
 
 *   <dfn>interval start</dfn> =
     <code>max(min(-<a>start delay</a>, <a>active duration</a>), 0)</code>
 *   <dfn>interval end</dfn> =
-    <code>max(min(<a>target effect end</a> - <a>start delay</a>,
+    <code>max(min([=associated effect end=] - <a>start delay</a>,
                   <a>active duration</a>), 0)</code>
 
-Each time an animation is <a lt="sampling">sampled</a> and is <em>not</em> <a
-lt="pending play state">pending</a>, the events to dispatch are determined by
-comparing the animation's phase before and after the sample as follows:
+Each time a new [=animation frame=] is established and the animation does
+<em>not</em> have a [=pending play task=] or [=pending pause task=],
+the events to dispatch are determined by
+comparing the animation's phase before and after establishing the new
+[=animation frame=] as follows:
 
 <table class="event-state-transitions">
   <thead>
@@ -593,16 +629,18 @@ comparing the animation's phase before and after the sample as follows:
   </thead>
   <tbody>
     <tr>
-      <td><a lt="idle phase">idle</a> or <a lt="before phase">before</a> &rarr;
-          <a lt="active phase">active</a></td>
+      <td>[=animation effect/idle phase|idle=] or
+          [=animation effect/before phase|before=] &rarr;
+          [=animation effect/active phase|active=]</td>
       <td>{{animationstart}}</td>
       <td><a>interval start</a>
       </td>
     </tr>
     <tr>
       <td rowspan="2">
-        <a lt="idle phase">idle</a> or <a lt="before phase">before</a> &rarr;
-        <a lt="after phase">after</a> <a
+        [=animation effect/idle phase|idle=] or
+        [=animation effect/before phase|before=] &rarr;
+        [=animation effect/after phase|after=] <a
         href="#multiple-events-note">&#x66d;</a></td>
       <td>{{animationstart}}</td>
       <td><a>interval start</a>
@@ -614,37 +652,37 @@ comparing the animation's phase before and after the sample as follows:
       </td>
     </tr>
     <tr>
-      <td><a lt="active phase">active</a> &rarr;
-          <a lt="before phase">before</a></td>
+      <td>[=animation effect/active phase|active=] &rarr;
+          [=animation effect/before phase|before=]</td>
       <td>{{animationend}}</td>
       <td><a>interval start</a></td>
     </tr>
     <tr>
-      <td><a lt="active phase">active</a> &rarr;
-          <a lt="active phase">active</a>
+      <td>[=animation effect/active phase|active=] &rarr;
+          [=animation effect/active phase|active=]
           <em>and</em>
-          the <a>current iteration</a> of the animation's <a>target effect</a>
-          has changed since the previous sample
+          the <a>current iteration</a> of the animation's [=associated effect=]
+          has changed since the previous animation frame
       </td>
       <td>{{animationiteration}}</td>
       <td>(See below)
           <a href="#animation-iteration-elapsed-time">&dagger;</a></td>
     </tr>
     <tr>
-      <td><a lt="active phase">active</a> &rarr;
-          <a lt="after phase">after</a></td>
+      <td>[=animation effect/active phase|active=] &rarr;
+          [=animation effect/after phase|after=]</td>
       <td>{{animationend}}</td>
       <td><a>interval end</a></td>
     </tr>
     <tr>
-      <td><a lt="after phase">after</a> &rarr;
-          <a lt="active phase">active</a></td>
+      <td>[=animation effect/after phase|after=] &rarr;
+          [=animation effect/active phase|active=]</td>
       <td>{{animationstart}}</td>
       <td><a>interval end</a></td>
     </tr>
     <tr>
-      <td rowspan="2"><a lt="after phase">after</a> &rarr;
-                      <a lt="before phase">before</a> <a
+      <td rowspan="2">[=animation effect/after phase|after=] &rarr;
+                      [=animation effect/before phase|before=] <a
                       href="#multiple-events-note">&#x66d;</a></td>
       <td>{{animationstart}}</td>
       <td><a>interval end</a></td>
@@ -654,9 +692,9 @@ comparing the animation's phase before and after the sample as follows:
       <td><a>interval start</a></td>
     </tr>
     <tr>
-      <td><em>not</em> <a lt="idle phase">idle</a> and <em>not</em>
-          <a lt="after phase">after</a>&rarr;
-          <a lt="idle phase">idle</a></td>
+      <td><em>not</em> [=animation effect/idle phase|idle=] and <em>not</em>
+          [=animation effect/after phase|after=] &rarr;
+          [=animation effect/idle phase|idle=]</td>
       <td>{{animationcancel}}</td>
       <td>The <a>active time</a> of the animation at the moment it was cancelled
           calculated using a <a>fill mode</a> of both.</td>
@@ -672,7 +710,7 @@ succession.</p>
 an {{animationiteration}} event is defined as follows:</p>
 
 1.  Let <var>previous current iteration</var> be the <a>current iteration</a>
-    from the previous sample.
+    from the previous animation frame.
 
 1.  If <var>previous current iteration</var> is greater than <a>current
     iteration</a>, let <var>iteration boundary</var> be <code><a>current
@@ -699,8 +737,8 @@ interface CSSAnimation : Animation {
 </pre>
 
 :   <dfn attribute for=CSSAnimation>animationName</dfn>
-::  The key used to find matching keyframes rules that define <a>target
-    effect</a> at the point when the animation was created.
+::  The key used to find matching keyframes rules that define the
+    [=associated effect=] at the point when the animation was created.
     This is the value of the 'animation-name' property that caused this
     object to be generated.