Compare Revisions

animation-direction

Change Revisions

Revision 354621:

Revision 354621 by teoli on

Revision 355765:

Revision 355765 by ethertank on

Title:
animation-direction
animation-direction
Slug:
CSS/animation-direction
CSS/animation-direction
Tags:
"NeedsMobileBrowserCompatibility", "CSS Reference", "animation", "css", "css3-animations", "CSS3", "NeedsTechnicalReview"
"NeedsMobileBrowserCompatibility", "CSS Reference", "animation", "css", "css3-animations", "CSS3", "NeedsTechnicalReview"
Content:

Revision 354621
Revision 355765
n7    <p>n7    <div>
8      {{ CSSRef() }}8      {{CSSRef}}
9    </p>9    </div>
10    <p>10    <div>
11      {{ SeeCompatTable() }}11      {{SeeCompatTable}}
12    </p>12    </div>
n20      It is often convenient to use the shorthand property {{ cssn20      It is often convenient to use the shorthand property {{cssx
>xref("animation") }} to set all animation properties at once.>ref("animation")}} to set all animation properties at once.
n24        <dfn>{{ Xref_cssinitial() }}</dfn> {{cssinitial("animation24        <dfn>{{Xref_cssinitial}}</dfn> {{cssinitial("animation-di
>n-direction")}}>rection")}}
25      </li>
26      <li>25      </li>
26      <li>
27        <dfn>Applies to</dfn> all elements, and {{ cssxref("::bef27        <dfn>Applies to</dfn> all elements, and {{cssxref("::befo
>ore") }} and {{ cssxref("::after") }} pseudo-elements>re")}} and {{cssxref("::after")}} pseudo-elements
28      </li>
29      <li>28      </li>
29      <li>
30        <dfn>{{ Xref_cssinherited() }}</dfn> no30        <dfn>{{Xref_cssinherited}}</dfn> no
31      </li>
32      <li>31      </li>
32      <li>
33        <dfn>Media</dfn> {{ Xref_cssvisual() }}33        <dfn>Media</dfn> {{Xref_cssvisual}}
34      </li>
35      <li>34      </li>
35      <li>
36        <dfn>{{ Xref_csscomputed() }}</dfn> as specified36        <dfn>{{Xref_csscomputed}}</dfn> as specified
37      </li>
38      <li>37      </li>
38      <li>
39        <dfn>{{ Xref_cssanimatable() }}</dfn> no39        <dfn>{{Xref_cssanimatable}}</dfn> no
40      </li>
41      <li>40      </li>
41      <li>
42        <dfn>{{ Xref_csscanonicalorder() }}</dfn> {{Xref_cssuniqu42        <dfn>{{Xref_csscanonicalorder}}</dfn> {{Xref_cssuniqueord
>eorder}}>er}}
n49<a href="/en-US/docs/CSS/Value_definition_syntax" title="/en-US/dn49<a href="/en-US/docs/CSS/Value_definition_syntax" title="CSS/Valu
>ocs/CSS/Value_definition_syntax">Formal syntax</a>:  {{csssyntax(>e_definition_syntax">Formal syntax</a>:  {{csssyntax("animation-d
>"animation-direction")}}>irection")}}
n92      See <a href="/en/CSS/CSS_animations" title="en/CSS/CSS_animn92      See <a href="/en-US/docs/CSS/CSS_animations" title="CSS/CSS
>ations">CSS animations</a> for examples.>_animations">CSS animations</a> for examples.
n114            {{ SpecName('CSS3 Animations', '#animation-direction'n114            {{SpecName('CSS3 Animations', '#animation-direction',
>, 'animation-direction') }}> 'animation-direction')}}
n117            {{ Spec2('CSS3 Animations') }}n117            {{Spec2('CSS3 Animations')}}
n120            For the two new values, see the <a class="external" hn120            For the two new values, see the <a href="http://lists
>ref="http://lists.w3.org/Archives/Public/www-style/2011May/0090.h>.w3.org/Archives/Public/www-style/2011May/0090.html">W3C discussi
>tml">W3C discussion</a>.>on</a>.
n125    <h2 id="Browser_Compatibility" name="Browser_Compatibility">n125    <h2 id="Browser_compatibility" name="Browser_compatibility">
n128    <p>n128    <div>
129      {{ CompatibilityTable() }}129      {{CompatibilityTable}}
130    </p>130    </div>
n159              {{ CompatVersionUnknown() }}{{ property_prefix("-wen159              {{CompatVersionUnknown}}{{property_prefix("-webkit"
>bkit") }}>)}}
160            </td>
161            <td>160            </td>
161            <td>
162              {{ CompatGeckoDesktop("5.0") }}{{ property_prefix("162              {{CompatGeckoDesktop("5.0")}}{{property_prefix("-mo
>-moz") }}<br>>z")}}<br>
163              {{ CompatGeckoDesktop("16.0") }}163              {{CompatGeckoDesktop("16.0")}}
n169              12{{ property_prefix("-o") }}<br>n169              12{{property_prefix("-o")}}<br>
n173              4.0{{ property_prefix("-webkit") }}n173              4.0{{property_prefix("-webkit")}}
n184              {{ CompatGeckoDesktop("16.0") }}n184              {{CompatGeckoDesktop("16.0")}}
n190              {{ CompatNo() }}n190              {{CompatNo}}
191            </td>
192            <td>191            </td>
192            <td>
193              {{ CompatNo() }}193              {{CompatNo}}
n204              {{ CompatGeckoDesktop("16.0") }}n204              {{CompatGeckoDesktop("16.0")}}
n210              {{ CompatNo() }}n210              {{CompatNo}}
211            </td>
212            <td>211            </td>
212            <td>
213              {{ CompatNo() }}213              {{CompatNo}}
n250              {{ CompatUnknown() }}n250              {{CompatUnknown}}
251            </td>
252            <td>251            </td>
253              {{ CompatVersionUnknown() }}{{ property_prefix("-we
>bkit") }} 
254            </td>252            <td>
253              {{CompatVersionUnknown}}{{property_prefix("-webkit"
 >)}}
255            <td>254            </td>
255            <td>
256              {{ CompatGeckoMobile("5.0") }}{{ property_prefix("-256              {{CompatGeckoMobile("5.0")}}{{property_prefix("-moz
>moz") }}<br>>")}}<br>
257              {{ CompatGeckoMobile("16.0") }}257              {{CompatGeckoMobile("16.0")}}
258            </td>
259            <td>258            </td>
260              {{ CompatUnknown() }}
261            </td>259            <td>
260              {{CompatUnknown}}
262            <td>261            </td>
263              {{ CompatUnknown() }}
264            </td>262            <td>
263              {{CompatUnknown}}
265            <td>264            </td>
265            <td>
266              {{ CompatUnknown() }}266              {{CompatUnknown}}
n274              {{ CompatUnknown() }}n274              {{CompatUnknown}}
275            </td>
276            <td>275            </td>
277              {{ CompatVersionUnknown() }}{{ property_prefix("-we
>bkit") }} 
278            </td>276            <td>
277              {{CompatVersionUnknown}}{{property_prefix("-webkit"
 >)}}
279            <td>278            </td>
279            <td>
280              {{ CompatGeckoMobile("16.0") }}280              {{CompatGeckoMobile("16.0")}}
281            </td>
282            <td>281            </td>
283              {{ CompatUnknown() }}
284            </td>282            <td>
283              {{CompatUnknown}}
285            <td>284            </td>
286              {{ CompatUnknown() }}
287            </td>285            <td>
286              {{CompatUnknown}}
288            <td>287            </td>
288            <td>
289              {{ CompatUnknown() }}289              {{CompatUnknown}}
n297              {{ CompatUnknown() }}n297              {{CompatUnknown}}
298            </td>
299            <td>298            </td>
300              {{ CompatVersionUnknown() }}{{ property_prefix("-we
>bkit") }} 
301            </td>299            <td>
300              {{CompatVersionUnknown}}{{property_prefix("-webkit"
 >)}}
302            <td>301            </td>
302            <td>
303              {{ CompatGeckoMobile("16.0") }}303              {{CompatGeckoMobile("16.0")}}
304            </td>
305            <td>304            </td>
306              {{ CompatUnknown() }}
307            </td>305            <td>
306              {{CompatUnknown}}
308            <td>307            </td>
309              {{ CompatUnknown() }}
310            </td>308            <td>
309              {{CompatUnknown}}
311            <td>310            </td>
311            <td>
312              {{ CompatUnknown() }}312              {{CompatUnknown}}
n325      <li>{{ domxref("AnimationEvent", "AnimationEvent") }}n325      <li>{{domxref("AnimationEvent", "AnimationEvent")}}
t327      <li>{{ CSS_Reference:animation() }}t327      <li>{{CSS_Reference:animation}}

Back to History