[css-transitions] More hyperlinks for timing function values.

Author: dbaron

css-transitions/Overview.bs

@@ -546,39 +546,39 @@ url: http://dev.w3.org/csswg/css-backgrounds-3/#shadow-inset; type: value; for:
         </tbody>
       </table>
       <div class="prod">
-        <dfn type id="single-transition-timing-function">&lt;single-transition-timing-function&gt;</dfn> = ease | linear | ease-in | ease-out | ease-in-out | step-start | step-end | steps(<<integer>>[, [ start | end ] ]?) | cubic-bezier(<<number>>, <<number>>, <<number>>, <<number>>)
+        <dfn type id="single-transition-timing-function">&lt;single-transition-timing-function&gt;</dfn> = ''ease'' | ''linear'' | ''ease-in'' | ''ease-out'' | ''ease-in-out'' | ''step-start'' | ''step-end'' | <a title="steps()" function>steps</a>(<<integer>>[, [ ''start'' | ''end'' ] ]?) | <a title="cubic-bezier()" function>cubic-bezier</a>(<<number>>, <<number>>, <<number>>, <<number>>)
       </div>
       <p>
         The timing functions have the following definitions.
       </p>
       <dl dfn-type="value" dfn-for="transition-timing-function">
         <dt><dfn>ease</dfn></dt>
         <dd>
-          The ease function is equivalent to cubic-bezier(0.25, 0.1, 0.25, 1).
+          The ease function is equivalent to <a title="cubic-bezier()" function>cubic-bezier(0.25, 0.1, 0.25, 1)</a>.
         </dd>
         <dt><dfn>linear</dfn></dt>
         <dd>
-          The linear function is equivalent to cubic-bezier(0, 0, 1, 1).
+          The linear function is equivalent to <a title="cubic-bezier()" function>cubic-bezier(0, 0, 1, 1)</a>.
         </dd>
         <dt><dfn>ease-in</dfn></dt>
         <dd>
-          The ease-in function is equivalent to cubic-bezier(0.42, 0, 1, 1).
+          The ease-in function is equivalent to <a title="cubic-bezier()" function>cubic-bezier(0.42, 0, 1, 1)</a>.
         </dd>
         <dt><dfn>ease-out</dfn></dt>
         <dd>
-          The ease-out function is equivalent to cubic-bezier(0, 0, 0.58, 1).
+          The ease-out function is equivalent to <a title="cubic-bezier()" function>cubic-bezier(0, 0, 0.58, 1)</a>.
         </dd>
         <dt><dfn>ease-in-out</dfn></dt>
         <dd>
-          The ease-in-out function is equivalent to cubic-bezier(0.42, 0, 0.58, 1)
+          The ease-in-out function is equivalent to <a title="cubic-bezier()" function>cubic-bezier(0.42, 0, 0.58, 1)</a>.
         </dd>
         <dt><dfn>step-start</dfn></dt>
         <dd>
-          The step-start function is equivalent to steps(1, start).
+          The step-start function is equivalent to <a title="steps()" function>steps(1, start)</a>.
         </dd>
         <dt><dfn>step-end</dfn></dt>
         <dd>
-          The step-end function is equivalent to steps(1, end).
+          The step-end function is equivalent to <a title="steps()" function>steps(1, end)</a>.
         </dd>
         <dt><dfn function title="steps()">steps(<<integer>>[, [ start | end ] ]?)</dfn></dt>
         <dd>

css-transitions/Overview.html

@@ -1047,7 +1047,7 @@ <h3 class="heading settled" data-level="2.3" id="transition-timing-function-prop
       </table>
 
       <div class="prod">
-        <dfn class="css" data-dfn-type="type" data-export="" id="single-transition-timing-function">&lt;single-transition-timing-function><a class="self-link" href="#single-transition-timing-function"></a></dfn> = ease <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> linear <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> ease-in <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> ease-out <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> ease-in-out <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> step-start <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> step-end <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> steps(<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-syntax-3/#typedef-integer">&lt;integer></a>[<a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> [ start <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> end ] ]<a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#mult-opt">?</a>) <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> cubic-bezier(<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a>)
+        <dfn class="css" data-dfn-type="type" data-export="" id="single-transition-timing-function">&lt;single-transition-timing-function><a class="self-link" href="#single-transition-timing-function"></a></dfn> = <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease">ease</a> <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-linear">linear</a> <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease-in">ease-in</a> <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease-out">ease-out</a> <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-ease-in-out">ease-in-out</a> <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-step-start">step-start</a> <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-transition-timing-function-step-end">step-end</a> <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="function" href="#funcdef-steps" title="steps()">steps</a>(<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-syntax-3/#typedef-integer">&lt;integer></a>[<a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> [ <a class="css" data-link-type="maybe" href="#valdef-steps-start">start</a> <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="maybe" href="#valdef-steps-end">end</a> ] ]<a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#mult-opt">?</a>) <a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-one">|</a> <a class="css" data-link-type="function" href="#funcdef-cubic-bezier" title="cubic-bezier()">cubic-bezier</a>(<a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a><a data-link-for="" data-link-type="grammar" href="http://dev.w3.org/csswg/css-values-3/#comb-comma">,</a> <a class="production css" data-link-type="type" href="http://dev.w3.org/csswg/css-values-3/#number-value">&lt;number></a>)
       </div>
 
       <p>
@@ -1060,55 +1060,55 @@ <h3 class="heading settled" data-level="2.3" id="transition-timing-function-prop
 
 
         <dd>
-          The ease function is equivalent to cubic-bezier(0.25, 0.1, 0.25, 1).
+          The ease function is equivalent to <a class="css" data-link-type="function" href="#funcdef-cubic-bezier" title="cubic-bezier()">cubic-bezier(0.25, 0.1, 0.25, 1)</a>.
         </dd>
 
 
         <dt><dfn class="css" data-dfn-for="transition-timing-function" data-dfn-type="value" data-export="" id="valdef-transition-timing-function-linear">linear<a class="self-link" href="#valdef-transition-timing-function-linear"></a></dfn></dt>
 
 
         <dd>
-          The linear function is equivalent to cubic-bezier(0, 0, 1, 1).
+          The linear function is equivalent to <a class="css" data-link-type="function" href="#funcdef-cubic-bezier" title="cubic-bezier()">cubic-bezier(0, 0, 1, 1)</a>.
         </dd>
 
 
         <dt><dfn class="css" data-dfn-for="transition-timing-function" data-dfn-type="value" data-export="" id="valdef-transition-timing-function-ease-in">ease-in<a class="self-link" href="#valdef-transition-timing-function-ease-in"></a></dfn></dt>
 
 
         <dd>
-          The ease-in function is equivalent to cubic-bezier(0.42, 0, 1, 1).
+          The ease-in function is equivalent to <a class="css" data-link-type="function" href="#funcdef-cubic-bezier" title="cubic-bezier()">cubic-bezier(0.42, 0, 1, 1)</a>.
         </dd>
 
 
         <dt><dfn class="css" data-dfn-for="transition-timing-function" data-dfn-type="value" data-export="" id="valdef-transition-timing-function-ease-out">ease-out<a class="self-link" href="#valdef-transition-timing-function-ease-out"></a></dfn></dt>
 
 
         <dd>
-          The ease-out function is equivalent to cubic-bezier(0, 0, 0.58, 1).
+          The ease-out function is equivalent to <a class="css" data-link-type="function" href="#funcdef-cubic-bezier" title="cubic-bezier()">cubic-bezier(0, 0, 0.58, 1)</a>.
         </dd>
 
 
         <dt><dfn class="css" data-dfn-for="transition-timing-function" data-dfn-type="value" data-export="" id="valdef-transition-timing-function-ease-in-out">ease-in-out<a class="self-link" href="#valdef-transition-timing-function-ease-in-out"></a></dfn></dt>
 
 
         <dd>
-          The ease-in-out function is equivalent to cubic-bezier(0.42, 0, 0.58, 1)
+          The ease-in-out function is equivalent to <a class="css" data-link-type="function" href="#funcdef-cubic-bezier" title="cubic-bezier()">cubic-bezier(0.42, 0, 0.58, 1)</a>.
         </dd>
 
 
         <dt><dfn class="css" data-dfn-for="transition-timing-function" data-dfn-type="value" data-export="" id="valdef-transition-timing-function-step-start">step-start<a class="self-link" href="#valdef-transition-timing-function-step-start"></a></dfn></dt>
 
 
         <dd>
-          The step-start function is equivalent to steps(1, start).
+          The step-start function is equivalent to <a class="css" data-link-type="function" href="#funcdef-steps" title="steps()">steps(1, start)</a>.
         </dd>
 
 
         <dt><dfn class="css" data-dfn-for="transition-timing-function" data-dfn-type="value" data-export="" id="valdef-transition-timing-function-step-end">step-end<a class="self-link" href="#valdef-transition-timing-function-step-end"></a></dfn></dt>
 
 
         <dd>
-          The step-end function is equivalent to steps(1, end).
+          The step-end function is equivalent to <a class="css" data-link-type="function" href="#funcdef-steps" title="steps()">steps(1, end)</a>.
         </dd>