[css-transitions-1][editorial] Dfn 'transition', fix some linking errors.

Author: tabatkins

css-transitions-1/Overview.bs

@@ -1,19 +1,3 @@
-  <style type="text/css">
-    div.prod { margin: 1em 2em; }
-
-    table.event-handlers {
-      border-collapse: collapse;
-    }
-    table.event-handlers th,
-    table.event-handlers td {
-      padding: 0.2em 1em;
-    }
-    table.event-handlers td {
-      border: 1px solid black;
-    }
-  </style>
-
-
 <pre class="metadata">
 Title: CSS Transitions Level 1
 Status: ED
@@ -38,8 +22,22 @@ Status Text: <strong>This document</strong> is expected to be relatively close t
 Ignored Vars: x1, x2, y1, y2
 Link Defaults: css-transforms (property) transform
 </pre>
+<style type="text/css">
+  div.prod { margin: 1em 2em; }
+
+  table.event-handlers {
+    border-collapse: collapse;
+  }
+  table.event-handlers th,
+  table.event-handlers td {
+    padding: 0.2em 1em;
+  }
+  table.event-handlers td {
+    border: 1px solid black;
+  }
+</style>
 <pre class="link-defaults">
-spec:css22; type:property;
+spec:css2; type:property;
     text:top
     text:right
     text:bottom
@@ -84,6 +82,7 @@ spec:css22; type:property;
 spec:css-backgrounds-3; type:property;
     text:background-image
     text:background-origin
+    text:box-shadow
 spec:css-color-4;
     type:property;
         text:color
@@ -137,8 +136,8 @@ Value Definitions {#values}
       also accept the <a>CSS-wide keywords</a> as their property value.
       For readability they have not been repeated explicitly.
 
-<span id="transitions-">Transitions</span> {#transitions}
-=========================================================
+<h2 id="transitions" oldids="transitions-" dfn export>
+Transitions</h2>
 
       <p>
         Normally when the value of a CSS property changes, the rendered result is instantly updated, with the affected elements immediately changing from the old property value to the new property value. This section describes a way to specify gradual transitions using new CSS properties. These properties are used to animate smoothly from the old state to the new state over time.
@@ -423,7 +422,7 @@ Starting of transitions {#starting}
         <dfn export for="transition">reversing-adjusted start value</dfn>, and <dfn export for="transition">reversing shortening factor</dfn>.
         Transitions are added to this set as described in this section,
         and are removed from this set
-        when they <a>complete</a>
+        when they [=transition/complete=]
         or when implementations are required to <dfn export for="transition">cancel</dfn> them.
         <span class="note">
           For the rationale behind the <a>reversing-adjusted start value</a>
@@ -446,7 +445,7 @@ Starting of transitions {#starting}
 
       <p>
         If an element is no longer in the document,
-        implementations must <a>cancel</a> any <a>running transitions</a>
+        implementations must [=transition/cancel=] any <a>running transitions</a>
         on it and remove transitions on it from the
         <a>completed transitions</a>.
       </p>
@@ -670,13 +669,13 @@ Starting of transitions {#starting}
         start a transition whose:
         <ul>
           <li>
-            <a>start time</a> is
+            [=transition/start time=] is
             the time of the <a>style change event</a> plus
             the <a>matching transition delay</a>,
           </li>
           <li>
-            <a>end time</a> is
-            the <a>start time</a> plus
+            [=transition/end time=] is
+            the [=transition/start time=] plus
             the <a>matching transition duration</a>,
           </li>
           <li>
@@ -712,7 +711,7 @@ Starting of transitions {#starting}
         and there is <strong>not</strong>
         a <a>matching transition-property value</a>,
         then implementations must
-        <a>cancel</a> the <a>running transition</a>
+        [=transition/cancel=] the <a>running transition</a>
         or remove the <a>completed transition</a> from the set of
         <a>completed transitions</a>.
       </li>
@@ -730,7 +729,7 @@ Starting of transitions {#starting}
             the value of the property in the <a>after-change style</a>,
             or if these two values are not [=transitionable=],
             then implementations must
-            <a>cancel</a> the <a>running transition</a>.
+            [=transition/cancel=] the <a>running transition</a>.
           </li>
           <li>
             Otherwise, if the <a>combined duration</a> is
@@ -740,7 +739,7 @@ Starting of transitions {#starting}
             is not [=transitionable=] with
             the value of the property in the <a>after-change style</a>,
             then implementations must
-            <a>cancel</a> the <a>running transition</a>.
+            [=transition/cancel=] the <a>running transition</a>.
           </li>
           <li>
             Otherwise, if the <a>reversing-adjusted start value</a>
@@ -750,7 +749,7 @@ Starting of transitions {#starting}
             <a href="#reversing">section on reversing of
             transitions</a> for why these case exists)</span>,
             implementations must
-            <a>cancel</a> the <a>running transition</a> and
+            [=transition/cancel=] the <a>running transition</a> and
             start a new transition whose:
             <ul>
               <li>
@@ -782,7 +781,7 @@ Starting of transitions {#starting}
                 have y1 or y2 outside the range [0, 1].</span>
               </li>
               <li>
-                <a>start time</a> is
+                [=transition/start time=] is
                 the time of the <a>style change event</a> plus:
                 <ol>
                   <li>if the <a>matching transition delay</a>
@@ -797,8 +796,8 @@ Starting of transitions {#starting}
                 </ol>
               </li>
               <li>
-                <a>end time</a> is
-                the <a>start time</a> plus the product of
+                [=transition/end time=] is
+                the [=transition/start time=] plus the product of
                 the <a>matching transition duration</a> and
                 the new transition's <a>reversing shortening factor</a>,
               </li>
@@ -816,17 +815,17 @@ Starting of transitions {#starting}
           </li>
           <li>
             Otherwise, implementations must
-            <a>cancel</a> the <a>running transition</a>
+            [=transition/cancel=] the <a>running transition</a>
             and start a new transition whose:
             <ul>
               <li>
-                <a>start time</a> is
+                [=transition/start time=] is
                 the time of the <a>style change event</a> plus
                 the <a>matching transition delay</a>,
               </li>
               <li>
-                <a>end time</a> is
-                the <a>start time</a> plus
+                [=transition/end time=] is
+                the [=transition/start time=] plus
                 the <a>matching transition duration</a>,
               </li>
               <li>
@@ -987,7 +986,7 @@ Application of transitions {#application}
       <p>
         When a property on an element is undergoing a transition
         (that is, when or after the transition has started and before the
-        <a>end time</a> of the transition)
+        [=transition/end time=] of the transition)
         the transition adds a style called the <dfn export>current value</dfn>
         to the CSS cascade
         at the level defined for CSS Transitions in [[!CSS3CASCADE]].
@@ -1022,15 +1021,15 @@ Application of transitions {#application}
 
       <p>
         If the current time is at or before the
-        <a>start time</a> of the transition
+        [=transition/start time=] of the transition
         (that is, during the delay phase of the transition),
         the <a>current value</a> is a specified style that will compute
         to the <a>start value</a> of the transition.
       </p>
 
       <p>
         If the current time is after the
-        <a>start time</a> of the transition
+        [=transition/start time=] of the transition
         (that is, during the duration phase of the transition),
         the <a>current value</a> is a specified style that will compute
         to the result of [=interpolating=] the property
@@ -1057,7 +1056,7 @@ Completion of transitions {#complete}
         <dfn export for="transition" id="dfn-complete">complete</dfn>
         at a time that is equal to or after their end time,
         but prior to the first <a>style change event</a>
-        whose time is equal to or after their <a>end time</a>.
+        whose time is equal to or after their [=transition/end time=].
         When a transition completes,
         implementations must move
         all transitions that complete at that time
@@ -1188,8 +1187,7 @@ The different types of transition events that can occur are:
 
     <dt><dfn id=transitioncancel>transitioncancel</dfn></dt>
     <dd>
-      The {{transitioncancel}} event occurs when a transition is <a
-      lt="cancel">canceled</a>.
+      The {{transitioncancel}} event occurs when a transition is [=transition/canceled=].
 
       The {{TransitionEvent/elapsedTime}} for {{transitioncancel}} events is
       the number of seconds from the end of the transition's delay to the