Wed, 20 Aug 2014 12:11:40 -0700
[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>"><single-animation-name></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>"><single-animation-name></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><single-animation-name><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>"><custom-ident></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>"><time></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>"><time></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>"><time></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>"><single-timing-function></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>"><single-timing-function></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><single-timing-function><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>"><single-transition-timing-function></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>"><single-animation-iteration-count></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>"><single-animation-iteration-count></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><single-animation-iteration-count><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>"><number></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>"><single-animation-direction></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>"><single-animation-direction></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><single-animation-direction><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>"><single-animation-play-state></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>"><single-animation-play-state></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><single-animation-play-state><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>"><time></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>"><time></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>"><time></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>"><single-animation-fill-mode></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>"><single-animation-fill-mode></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><single-animation-fill-mode><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>"><single-animation></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>"><single-animation></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><single-animation><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>"><time></a> || <a class="production css-code" data-link-type=type href=#typedef-single-timing-function title="<single-timing-function>"><single-timing-function></a> || <a class="production css-code" data-link-type=type href=http://dev.w3.org/csswg/css-values-3/#time-value title="<time>"><time></a> || <a class="production css-code" data-link-type=type href=#typedef-single-animation-iteration-count title="<single-animation-iteration-count>"><single-animation-iteration-count></a> || <a class="production css-code" data-link-type=type href=#typedef-single-animation-direction title="<single-animation-direction>"><single-animation-direction></a> || <a class="production css-code" data-link-type=type href=#typedef-single-animation-fill-mode title="<single-animation-fill-mode>"><single-animation-fill-mode></a> || <a class="production css-code" data-link-type=type href=#typedef-single-animation-play-state title="<single-animation-play-state>"><single-animation-play-state></a> || <a class="production css-code" data-link-type=type href=#typedef-single-animation-name title="<single-animation-name>"><single-animation-name></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><single-animation-name>#<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><time>#<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><single-timing-function>#<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><single-animation-iteration-count>#<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><single-animation-direction>#<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><single-animation-play-state>#<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><time>#<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><single-animation-fill-mode>#<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><single-animation>#<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><single-animation-name>#<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><time>#<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><single-timing-function>#<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><single-animation-iteration-count>#<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><single-animation-direction>#<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><single-animation-play-state>#<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><time>#<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><single-animation-fill-mode>#<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><single-animation>#<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