[css-animations] Animation properties apply to interactive media

Wed, 20 Aug 2014 12:11:40 -0700

author
Sylvain Galineau <galineau@adobe.com>
date
Wed, 20 Aug 2014 12:11:40 -0700
changeset 14445
835d9ee4187b
parent 14444
8523bb94ce6b
child 14446
2a09896c111e

[css-animations] Animation properties apply to interactive media

css-animations/Overview.bs file | annotate | diff | comparison | revisions
css-animations/Overview.html file | annotate | diff | comparison | revisions
     1.1 --- a/css-animations/Overview.bs	Tue Aug 19 18:37:29 2014 -0700
     1.2 +++ b/css-animations/Overview.bs	Wed Aug 20 12:11:40 2014 -0700
     1.3 @@ -392,7 +392,7 @@
     1.4  	Inherited: none
     1.5  	Animatable: no
     1.6  	Percentages: N/A
     1.7 -	Media: visual
     1.8 +	Media: interactive
     1.9  	Computed value: As specified
    1.10  	Canonical order: per grammar
    1.11  	</pre>
    1.12 @@ -428,7 +428,7 @@
    1.13  	Inherited: no
    1.14  	Animatable: no
    1.15  	Percentages: N/A
    1.16 -	Media: visual
    1.17 +	Media: interactive
    1.18  	Computed value: As specified
    1.19  	Canonical order: per grammar
    1.20  	</pre>
    1.21 @@ -462,7 +462,7 @@
    1.22  	Inherited: no
    1.23  	Animatable: no
    1.24  	Percentages: N/A
    1.25 -	Media: visual
    1.26 +	Media: interactive
    1.27  	Computed value: As specified
    1.28  	Canonical order: per grammar
    1.29  	</pre>
    1.30 @@ -499,7 +499,7 @@
    1.31  	Inherited: no
    1.32  	Animatable: no
    1.33  	Percentages: N/A
    1.34 -	Media: visual
    1.35 +	Media: interactive
    1.36  	Computed value: As specified
    1.37  	Canonical order: per grammar
    1.38  	</pre>
    1.39 @@ -540,7 +540,7 @@
    1.40  	Inherited: no
    1.41  	Animatable: no
    1.42  	Percentages: N/A
    1.43 -	Media: visual
    1.44 +	Media: interactive
    1.45  	Computed value: As specified
    1.46  	Canonical order: per grammar
    1.47  	</pre>
    1.48 @@ -587,7 +587,7 @@
    1.49  	Inherited: no
    1.50  	Animatable: no
    1.51  	Percentages: N/A
    1.52 -	Media: visual
    1.53 +	Media: interactive
    1.54  	Computed value: As specified
    1.55  	Canonical order: per grammar
    1.56  	</pre>
    1.57 @@ -627,7 +627,7 @@
    1.58  	Inherited: no
    1.59  	Animatable: no
    1.60  	Percentages: N/A
    1.61 -	Media: visual
    1.62 +	Media: interactive
    1.63  	Computed value: As specified
    1.64  	Canonical order: per grammar
    1.65  	</pre>
    1.66 @@ -669,7 +669,7 @@
    1.67  	Inherited: no
    1.68  	Animatable: no
    1.69  	Percentages: N/A
    1.70 -	Media: visual
    1.71 +	Media: interactive
    1.72  	Computed value: As specified
    1.73  	Canonical order: per grammar
    1.74  	</pre>
    1.75 @@ -737,7 +737,7 @@
    1.76  	Inherited: no
    1.77  	Animatable: no
    1.78  	Percentages: N/A
    1.79 -	Media: visual
    1.80 +	Media: interactive
    1.81  	Computed value: As specified
    1.82  	Canonical order: per grammar
    1.83  	</pre>
     2.1 --- a/css-animations/Overview.html	Tue Aug 19 18:37:29 2014 -0700
     2.2 +++ b/css-animations/Overview.html	Wed Aug 20 12:11:40 2014 -0700
     2.3 @@ -56,7 +56,7 @@
     2.4  </p>
     2.5    <h1 class="p-name no-ref" id=title>CSS Animations Level 1</h1>
     2.6    <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
     2.7 -    <span class=dt-updated><span class=value-title title=20140811>11 August 2014</span></span></span></h2>
     2.8 +    <span class=dt-updated><span class=value-title title=20140820>20 August 2014</span></span></span></h2>
     2.9    <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/css3-animations/>http://dev.w3.org/csswg/css3-animations/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css3-animations/>http://www.w3.org/TR/css3-animations/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css3-animations/>http://dev.w3.org/csswg/css3-animations/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2013/WD-css3-animations-20130219/ rel=previous>http://www.w3.org/TR/2013/WD-css3-animations-20130219/</a><dd><a href=http://www.w3.org/TR/2012/WD-css3-animations-20120403/ rel=previous>http://www.w3.org/TR/2012/WD-css3-animations-20120403/</a>
    2.10      <dt>Feedback:</dt>
    2.11          <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-animations%5D%20feedback">www-style@w3.org</a>
    2.12 @@ -515,7 +515,7 @@
    2.13  <p class=note>	Note: This is analogous to the behavior of the ‘background-*’properties, with ‘background-image’ analogous
    2.14  	to <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a>.
    2.15  
    2.16 -<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-name>animation-name<a class=self-link href=#propdef-animation-name></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-name title="<single-animation-name>">&lt;single-animation-name&gt;</a>#<tr><th>Initial:<td>none<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>none<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.17 +<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-name>animation-name<a class=self-link href=#propdef-animation-name></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-name title="<single-animation-name>">&lt;single-animation-name&gt;</a>#<tr><th>Initial:<td>none<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>none<tr><th>Media:<td>interactive<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.18  <p>	<dfn class=css-code data-dfn-type=type data-export="" id=typedef-single-animation-name>&lt;single-animation-name&gt;<a class=self-link href=#typedef-single-animation-name></a></dfn> = none | <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#identifier-value title="<custom-ident>">&lt;custom-ident&gt;</a>
    2.19  
    2.20  <p>	The values of <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a> have the following meanings:
    2.21 @@ -539,7 +539,7 @@
    2.22  
    2.23  <p>	The <a class=property data-link-type=propdesc href=#propdef-animation-duration title=animation-duration>animation-duration</a> property defines duration of a single animation cycle.
    2.24  
    2.25 -<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-duration>animation-duration<a class=self-link href=#propdef-animation-duration></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#time-value title="<time>">&lt;time&gt;</a>#<tr><th>Initial:<td>0s<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.26 +<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-duration>animation-duration<a class=self-link href=#propdef-animation-duration></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#time-value title="<time>">&lt;time&gt;</a>#<tr><th>Initial:<td>0s<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.27  	<dl>
    2.28  		<dt><dfn class=css-code data-dfn-for=animation-duration data-dfn-type=value data-export="" id=valuedef-time0><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#time-value title="<time>">&lt;time&gt;</a><a class=self-link href=#valuedef-time0></a></dfn>
    2.29  		<dd>
    2.30 @@ -561,7 +561,7 @@
    2.31  	one cycle of its duration. See the <a class=property data-link-type=propdesc href=http://dev.w3.org/csswg/css-transitions-1/#transition-timing-function title=transition-timing-function>transition-timing-function</a> property <a data-biblio-type=normative data-link-type=biblio href=#css3-transitions title=css3-transitions>[CSS3-TRANSITIONS]</a>
    2.32  	for a complete description of timing function calculation.
    2.33  
    2.34 -<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-timing-function>animation-timing-function<a class=self-link href=#propdef-animation-timing-function></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-timing-function title="<single-timing-function>">&lt;single-timing-function&gt;</a>#<tr><th>Initial:<td>ease<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.35 +<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-timing-function>animation-timing-function<a class=self-link href=#propdef-animation-timing-function></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-timing-function title="<single-timing-function>">&lt;single-timing-function&gt;</a>#<tr><th>Initial:<td>ease<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.36  <p>	The values and meaning of <dfn class=css-code data-dfn-type=type data-export="" id=typedef-single-timing-function>&lt;single-timing-function&gt;<a class=self-link href=#typedef-single-timing-function></a></dfn>
    2.37  	are identical to those of <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-transitions-1/#single-transition-timing-function title="<single-transition-timing-function>">&lt;single-transition-timing-function&gt;</a> <a data-biblio-type=normative data-link-type=biblio href=#css3-transitions title=css3-transitions>[CSS3-TRANSITIONS]</a>.
    2.38  
    2.39 @@ -586,7 +586,7 @@
    2.40  	<a class=property data-link-type=propdesc href=#propdef-animation-direction title=animation-direction>animation-direction</a> value of <a class=css data-link-type=maybe href=#valuedef-alternate title=alternate>alternate</a>, which will cause the animation to play in
    2.41  	reverse on alternate cycles.
    2.42  
    2.43 -<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-iteration-count>animation-iteration-count<a class=self-link href=#propdef-animation-iteration-count></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-iteration-count title="<single-animation-iteration-count>">&lt;single-animation-iteration-count&gt;</a>#<tr><th>Initial:<td>1<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.44 +<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-iteration-count>animation-iteration-count<a class=self-link href=#propdef-animation-iteration-count></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-iteration-count title="<single-animation-iteration-count>">&lt;single-animation-iteration-count&gt;</a>#<tr><th>Initial:<td>1<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.45  <p>	<dfn class=css-code data-dfn-type=type data-export="" id=typedef-single-animation-iteration-count>&lt;single-animation-iteration-count&gt;<a class=self-link href=#typedef-single-animation-iteration-count></a></dfn> = infinite | <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#number-value title="<number>">&lt;number&gt;</a>
    2.46  
    2.47  	<dl data-dfn-for=animation-iteration-count data-dfn-type=value>
    2.48 @@ -615,7 +615,7 @@
    2.49  	reversed. For example, when played in reverse an <span class=css data-link-type=maybe title=ease-in>ease-in</span> animation would appear to be an
    2.50  	<span class=css data-link-type=maybe title=ease-out>ease-out</span> animation.
    2.51  
    2.52 -<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-direction>animation-direction<a class=self-link href=#propdef-animation-direction></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-direction title="<single-animation-direction>">&lt;single-animation-direction&gt;</a>#<tr><th>Initial:<td>normal<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.53 +<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-direction>animation-direction<a class=self-link href=#propdef-animation-direction></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-direction title="<single-animation-direction>">&lt;single-animation-direction&gt;</a>#<tr><th>Initial:<td>normal<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.54  <p>	<dfn class=css-code data-dfn-type=type data-export="" id=typedef-single-animation-direction>&lt;single-animation-direction&gt;<a class=self-link href=#typedef-single-animation-direction></a></dfn> = normal | reverse | alternate | alternate-reverse
    2.55  
    2.56  	<dl data-dfn-for=animation-direction data-dfn-type=value>
    2.57 @@ -650,7 +650,7 @@
    2.58  
    2.59  <p>	The <a class=property data-link-type=propdesc href=#propdef-animation-play-state title=animation-play-state>animation-play-state</a> property defines whether the animation is running or paused.
    2.60  
    2.61 -<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-play-state>animation-play-state<a class=self-link href=#propdef-animation-play-state></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-play-state title="<single-animation-play-state>">&lt;single-animation-play-state&gt;</a>#<tr><th>Initial:<td>running<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.62 +<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-play-state>animation-play-state<a class=self-link href=#propdef-animation-play-state></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-play-state title="<single-animation-play-state>">&lt;single-animation-play-state&gt;</a>#<tr><th>Initial:<td>running<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.63  <p>	<dfn class=css-code data-dfn-type=type data-export="" id=typedef-single-animation-play-state>&lt;single-animation-play-state&gt;<a class=self-link href=#typedef-single-animation-play-state></a></dfn> = running | paused
    2.64  
    2.65  	<dl data-dfn-for=animation-play-state data-dfn-type=value>
    2.66 @@ -678,7 +678,7 @@
    2.67  	to begin execution some time after it is applied,
    2.68  	or to appear to have begun execution some time <em>before</em> it is applied.
    2.69  
    2.70 -<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-delay>animation-delay<a class=self-link href=#propdef-animation-delay></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#time-value title="<time>">&lt;time&gt;</a>#<tr><th>Initial:<td>0s<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.71 +<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-delay>animation-delay<a class=self-link href=#propdef-animation-delay></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#time-value title="<time>">&lt;time&gt;</a>#<tr><th>Initial:<td>0s<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.72  	<dl>
    2.73  		<dt><dfn class=css-code data-dfn-for=animation-delay data-dfn-type=value data-export="" id=valuedef-time><a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#time-value title="<time>">&lt;time&gt;</a><a class=self-link href=#valuedef-time></a></dfn>
    2.74  		<dd>
    2.75 @@ -708,7 +708,7 @@
    2.76  	animation ends (determined by the <a class=property data-link-type=propdesc href=#propdef-animation-duration title=animation-duration>animation-duration</a> and <a class=property data-link-type=propdesc href=#propdef-animation-iteration-count title=animation-iteration-count>animation-iteration-count</a> properties).
    2.77  	The <a class=property data-link-type=propdesc href=#propdef-animation-fill-mode title=animation-fill-mode>animation-fill-mode</a> property can override this behavior.
    2.78  
    2.79 -<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-fill-mode>animation-fill-mode<a class=self-link href=#propdef-animation-fill-mode></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-fill-mode title="<single-animation-fill-mode>">&lt;single-animation-fill-mode&gt;</a>#<tr><th>Initial:<td>none<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.80 +<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation-fill-mode>animation-fill-mode<a class=self-link href=#propdef-animation-fill-mode></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation-fill-mode title="<single-animation-fill-mode>">&lt;single-animation-fill-mode&gt;</a>#<tr><th>Initial:<td>none<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.81  <p>	<dfn class=css-code data-dfn-type=type data-export="" id=typedef-single-animation-fill-mode>&lt;single-animation-fill-mode&gt;<a class=self-link href=#typedef-single-animation-fill-mode></a></dfn> = none | forwards | backwards | both
    2.82  
    2.83  	<dl data-dfn-for=animation-fill-mode data-dfn-type=value>
    2.84 @@ -764,7 +764,7 @@
    2.85  	properties have lists of different lengths, a problem that cannot occur when they are defined using
    2.86  	only the <a class=property data-link-type=propdesc href=#propdef-animation title=animation>animation</a> shorthand.)
    2.87  
    2.88 -<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation>animation<a class=self-link href=#propdef-animation></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation title="<single-animation>">&lt;single-animation&gt;</a>#<tr><th>Initial:<td>see individual properties<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>visual<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.89 +<table class="definition propdef"><tr><th>Name:<td><dfn class=css-code data-dfn-type=property data-export="" id=propdef-animation>animation<a class=self-link href=#propdef-animation></a></dfn><tr><th>Value:<td class=prod><a class="production css-code" data-link-type=type href=#typedef-single-animation title="<single-animation>">&lt;single-animation&gt;</a>#<tr><th>Initial:<td>see individual properties<tr><th>Applies to:<td>all elements, ::before and ::after pseudo-elements<tr><th>Inherited:<td>no<tr><th>Media:<td>interactive<tr><th>Computed value:<td>As specified<tr><th>Canonical order:<td>per grammar<tr><th>Percentages:<td>N/A<tr><th>Animatable:<td>no</table>
    2.90  <p>	<dfn class=css-code data-dfn-type=type data-export="" id=typedef-single-animation>&lt;single-animation&gt;<a class=self-link href=#typedef-single-animation></a></dfn> = <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#time-value title="<time>">&lt;time&gt;</a> || <a class="production css-code" data-link-type=type href=#typedef-single-timing-function title="<single-timing-function>">&lt;single-timing-function&gt;</a> || <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#time-value title="<time>">&lt;time&gt;</a> || <a class="production css-code" data-link-type=type href=#typedef-single-animation-iteration-count title="<single-animation-iteration-count>">&lt;single-animation-iteration-count&gt;</a> || <a class="production css-code" data-link-type=type href=#typedef-single-animation-direction title="<single-animation-direction>">&lt;single-animation-direction&gt;</a> || <a class="production css-code" data-link-type=type href=#typedef-single-animation-fill-mode title="<single-animation-fill-mode>">&lt;single-animation-fill-mode&gt;</a> || <a class="production css-code" data-link-type=type href=#typedef-single-animation-play-state title="<single-animation-play-state>">&lt;single-animation-play-state&gt;</a> || <a class="production css-code" data-link-type=type href=#typedef-single-animation-name title="<single-animation-name>">&lt;single-animation-name&gt;</a>
    2.91  
    2.92  <p>	Note that order is important within each animation definition: the first value in each
    2.93 @@ -1312,15 +1312,15 @@
    2.94  <h2 class="no-num no-ref heading settled heading" id=property-index><span class=content>
    2.95  Property index</span><a class=self-link href=#property-index></a></h2>
    2.96  <div data-fill-with=property-index><table class="proptable data"><thead><tr><th scope=col>Name<th scope=col>Value<th scope=col>Initial<th scope=col>Applies to<th scope=col>Inh.<th scope=col>%ages<th scope=col>Media<th scope=col>Animatable<th scope=col>Canonical order<th scope=col>Computed value<tbody>
    2.97 -<tr><th scope=row><a data-property="">animation-name</a><td>&lt;single-animation-name&gt;#<td>none<td>all elements, ::before and ::after pseudo-elements<td>none<td>N/A<td>visual<td>no<td>per grammar<td>As specified
    2.98 -<tr><th scope=row><a data-property="">animation-duration</a><td>&lt;time&gt;#<td>0s<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>visual<td>no<td>per grammar<td>As specified
    2.99 -<tr><th scope=row><a data-property="">animation-timing-function</a><td>&lt;single-timing-function&gt;#<td>ease<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>visual<td>no<td>per grammar<td>As specified
   2.100 -<tr><th scope=row><a data-property="">animation-iteration-count</a><td>&lt;single-animation-iteration-count&gt;#<td>1<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>visual<td>no<td>per grammar<td>As specified
   2.101 -<tr><th scope=row><a data-property="">animation-direction</a><td>&lt;single-animation-direction&gt;#<td>normal<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>visual<td>no<td>per grammar<td>As specified
   2.102 -<tr><th scope=row><a data-property="">animation-play-state</a><td>&lt;single-animation-play-state&gt;#<td>running<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>visual<td>no<td>per grammar<td>As specified
   2.103 -<tr><th scope=row><a data-property="">animation-delay</a><td>&lt;time&gt;#<td>0s<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>visual<td>no<td>per grammar<td>As specified
   2.104 -<tr><th scope=row><a data-property="">animation-fill-mode</a><td>&lt;single-animation-fill-mode&gt;#<td>none<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>visual<td>no<td>per grammar<td>As specified
   2.105 -<tr><th scope=row><a data-property="">animation</a><td>&lt;single-animation&gt;#<td>see individual properties<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>visual<td>no<td>per grammar<td>As specified</table></div>
   2.106 +<tr><th scope=row><a data-property="">animation-name</a><td>&lt;single-animation-name&gt;#<td>none<td>all elements, ::before and ::after pseudo-elements<td>none<td>N/A<td>interactive<td>no<td>per grammar<td>As specified
   2.107 +<tr><th scope=row><a data-property="">animation-duration</a><td>&lt;time&gt;#<td>0s<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>interactive<td>no<td>per grammar<td>As specified
   2.108 +<tr><th scope=row><a data-property="">animation-timing-function</a><td>&lt;single-timing-function&gt;#<td>ease<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>interactive<td>no<td>per grammar<td>As specified
   2.109 +<tr><th scope=row><a data-property="">animation-iteration-count</a><td>&lt;single-animation-iteration-count&gt;#<td>1<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>interactive<td>no<td>per grammar<td>As specified
   2.110 +<tr><th scope=row><a data-property="">animation-direction</a><td>&lt;single-animation-direction&gt;#<td>normal<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>interactive<td>no<td>per grammar<td>As specified
   2.111 +<tr><th scope=row><a data-property="">animation-play-state</a><td>&lt;single-animation-play-state&gt;#<td>running<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>interactive<td>no<td>per grammar<td>As specified
   2.112 +<tr><th scope=row><a data-property="">animation-delay</a><td>&lt;time&gt;#<td>0s<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>interactive<td>no<td>per grammar<td>As specified
   2.113 +<tr><th scope=row><a data-property="">animation-fill-mode</a><td>&lt;single-animation-fill-mode&gt;#<td>none<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>interactive<td>no<td>per grammar<td>As specified
   2.114 +<tr><th scope=row><a data-property="">animation</a><td>&lt;single-animation&gt;#<td>see individual properties<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>interactive<td>no<td>per grammar<td>As specified</table></div>
   2.115  
   2.116  
   2.117  </ul>
   2.118 \ No newline at end of file

mercurial