css3-animations/Overview.src.html

changeset 6739
f4ccc8c2ecf0
parent 6737
ef8f9efb1230
child 6806
fddad400b1ff
     1.1 --- a/css3-animations/Overview.src.html	Thu Sep 20 12:24:06 2012 -0700
     1.2 +++ b/css3-animations/Overview.src.html	Thu Sep 20 12:31:33 2012 -0700
     1.3 @@ -444,7 +444,7 @@
     1.4  			<td><dfn>animation-name</dfn>
     1.5  		<tr>
     1.6  			<th><a href="#values">Value</a>:
     1.7 -			<td>&lt;single-animation-name&gt; [ ',' &lt;single-animation-name&gt; ]*
     1.8 +			<td><span>&lt;single-animation-name&gt;</span> [ ',' <span>&lt;single-animation-name&gt;</span> ]*
     1.9  		<tr>
    1.10  			<th>Initial:
    1.11  			<td>''none''
    1.12 @@ -472,7 +472,7 @@
    1.13  	</table>
    1.14  
    1.15  	<div class="prod">
    1.16 -		<dfn>&lt;single-animation-name&gt;</dfn> = none | &lt;IDENT&gt;
    1.17 +		<dfn id="single-animation-name">&lt;single-animation-name&gt;</dfn> = none | &lt;IDENT&gt;
    1.18  	</div>
    1.19  
    1.20  			<!--
    1.21 @@ -535,7 +535,7 @@
    1.22  			<td><dfn>animation-duration</dfn>
    1.23  		<tr>
    1.24  			<th><a href="#values">Value</a>:
    1.25 -			<td> &lt;time&gt; [, &lt;time&gt;]*
    1.26 +			<td> <span>&lt;time&gt;</span> [, <span>&lt;time&gt;</span>]*
    1.27  		<tr>
    1.28  			<th>Initial:
    1.29  			<td>''0s''
    1.30 @@ -587,7 +587,7 @@
    1.31  			<td><dfn>animation-timing-function</dfn>
    1.32  		<tr>
    1.33  			<th><a href="#values">Value</a>:
    1.34 -			<td>&lt;single-animation-timing-function&gt; [ ',' &lt;single-animation-timing-function&gt; ]*
    1.35 +			<td><span>&lt;single-animation-timing-function&gt;</span> [ ',' <span>&lt;single-animation-timing-function&gt;</span> ]*
    1.36  		<tr>
    1.37  			<th>Initial:
    1.38  			<td>''ease''
    1.39 @@ -615,7 +615,7 @@
    1.40  	</table>
    1.41  
    1.42  	<div class="prod">
    1.43 -		<dfn>&lt;single-animation-timing-function&gt;</dfn> =
    1.44 +		<dfn id="single-animation-timing-function">&lt;single-animation-timing-function&gt;</dfn> =
    1.45  						ease | linear | ease-in | ease-out | ease-in-out |
    1.46  						step-start | step-end | 
    1.47  						steps(&lt;number&gt; [, [ start | end ] ]?) |
    1.48 @@ -654,7 +654,7 @@
    1.49  			<td><dfn>animation-iteration-count</dfn>
    1.50  		<tr>
    1.51  			<th><a href="#values">Value</a>:
    1.52 -			<td>&lt;single-animation-iteration-count&gt; [ ',' &lt;single-animation-iteration-count&gt; ]*
    1.53 +			<td><span>&lt;single-animation-iteration-count&gt;</span> [ ',' <span>&lt;single-animation-iteration-count&gt;</span> ]*
    1.54  		<tr>
    1.55  			<th>Initial:
    1.56  			<td>''1''
    1.57 @@ -682,7 +682,7 @@
    1.58  	</table>
    1.59  
    1.60  	<div class="prod">
    1.61 -		<dfn>&lt;single-animation-iteration-count&gt;</dfn> =
    1.62 +		<dfn id="single-animation-iteration-count">&lt;single-animation-iteration-count&gt;</dfn> =
    1.63  				infinite | &lt;number&gt;
    1.64  	</div>
    1.65  
    1.66 @@ -700,7 +700,7 @@
    1.67  			<td><dfn>animation-direction</dfn>
    1.68  		<tr>
    1.69  			<th><a href="#values">Value</a>:
    1.70 -			<td>&lt;single-animation-direction&gt; [ ',' &lt;single-animation-direction&gt; ]*
    1.71 +			<td><span>&lt;single-animation-direction&gt;</span> [ ',' <span>&lt;single-animation-direction&gt;</span> ]*
    1.72  		<tr>
    1.73  			<th>Initial:
    1.74  			<td>''normal''
    1.75 @@ -728,7 +728,7 @@
    1.76  	</table>
    1.77  
    1.78  	<div class="prod">
    1.79 -		<dfn>&lt;single-animation-direction&gt;</dfn> =
    1.80 +		<dfn id="single-animation-direction">&lt;single-animation-direction&gt;</dfn> =
    1.81  				normal | reverse | alternate | alternate-reverse
    1.82  	</div>
    1.83  
    1.84 @@ -776,7 +776,7 @@
    1.85  			<td><dfn>animation-play-state</dfn>
    1.86  		<tr>
    1.87  			<th><a href="#values">Value</a>:
    1.88 -			<td>&lt;single-animation-play-state&gt; [ ',' &lt;single-animation-play-state&gt; ]*
    1.89 +			<td><span>&lt;single-animation-play-state&gt;</span> [ ',' <span>&lt;single-animation-play-state&gt;</span> ]*
    1.90  		<tr>
    1.91  			<th>Initial:
    1.92  			<td>''running''
    1.93 @@ -804,7 +804,7 @@
    1.94  	</table>
    1.95  
    1.96  	<div class="prod">
    1.97 -		<dfn>&lt;single-animation-play-state&gt;</dfn> =
    1.98 +		<dfn id="single-animation-play-state">&lt;single-animation-play-state&gt;</dfn> =
    1.99  				running | paused
   1.100  	</div>
   1.101  
   1.102 @@ -832,7 +832,7 @@
   1.103  			<td><dfn>animation-delay</dfn>
   1.104  		<tr>
   1.105  			<th><a href="#values">Value</a>:
   1.106 -			<td> &lt;time&gt; [, &lt;time&gt;]*
   1.107 +			<td> <span>&lt;time&gt;</span> [, <span>&lt;time&gt;</span>]*
   1.108  		<tr>
   1.109  			<th>Initial:
   1.110  			<td>''0s''
   1.111 @@ -911,7 +911,7 @@
   1.112  			<td><dfn>animation-fill-mode</dfn>
   1.113  		<tr>
   1.114  			<th><a href="#values">Value</a>:
   1.115 -			<td>&lt;single-animation-fill-mode&gt; [ ',' &lt;single-animation-fill-mode&gt; ]*
   1.116 +			<td><span>&lt;single-animation-fill-mode&gt;</span> [ ',' <span>&lt;single-animation-fill-mode&gt;</span> ]*
   1.117  		<tr>
   1.118  			<th>Initial:
   1.119  			<td>''none''
   1.120 @@ -939,7 +939,7 @@
   1.121  	</table>
   1.122  
   1.123  	<div class="prod">
   1.124 -		<dfn>&lt;single-animation-fill-mode&gt;</dfn> =
   1.125 +		<dfn id="single-animation-fill-mode">&lt;single-animation-fill-mode&gt;</dfn> =
   1.126  				none | forwards | backwards | both
   1.127  	</div>
   1.128  
   1.129 @@ -955,7 +955,7 @@
   1.130  			<td><dfn>animation</dfn>
   1.131  		<tr>
   1.132  			<th><a href="#values">Value</a>:
   1.133 -			<td>&lt;single-animation&gt; [ ',' &lt;single-animation&gt; ]*
   1.134 +			<td><span>&lt;single-animation&gt;</span> [ ',' <span>&lt;single-animation&gt;</span> ]*
   1.135  		<tr>
   1.136  			<th>Initial:
   1.137  			<td>see individual properties
   1.138 @@ -983,11 +983,11 @@
   1.139  	</table>
   1.140  
   1.141  	<div class="prod">
   1.142 -		<dfn>&lt;single-animation&gt;</dfn> =
   1.143 +		<dfn id="single-animation">&lt;single-animation&gt;</dfn> =
   1.144  				&lt;single-animation-name&gt; ||
   1.145 -				&lt;time&gt; ||
   1.146 +				<span>&lt;time&gt;</span> ||
   1.147  				&lt;single-animation-timing-function&gt; ||
   1.148 -				&lt;time&gt; ||
   1.149 +				<span>&lt;time&gt;</span> ||
   1.150  				&lt;single-animation-iteration-count&gt; ||
   1.151  				&lt;single-animation-direction&gt; ||
   1.152  				&lt;single-animation-fill-mode&gt;

mercurial