Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Compare Revisions

animation-play-state

Change Revisions

Revision 317851:

Revision 317851 by teoli on

Revision 330147:

Revision 330147 by ethertank on

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

Revision 317851
Revision 330147
n8      {{ CSSRef() }} {{ SeeCompatTable() }}n8      {{CSSRef}} {{SeeCompatTable}}
n14      The <code>animation-play-state</code> <a href="/en/CSS" titn14      The <code>animation-play-state</code> <a href="/en-US/docs/
>le="CSS">CSS</a> property determines whether an animation is runn>CSS" title="CSS">CSS</a> property determines whether an animation
>ing or paused. You can query this property's value to determine w> is running or paused. You can query this property's value to det
>hether or not the animation is currently running; in addition, yo>ermine whether or not the animation is currently running; in addi
>u can set its value to pause and resume playback of an animation.>tion, you can set its value to pause and resume playback of an an
 >imation.
n21        <dfn>{{ xref_cssinitial() }}</dfn> <code>running</code>n21        <dfn>{{xref_cssinitial}}</dfn> <code>running</code>
22      </li>
23      <li>22      </li>
23      <li>
24        <dfn>Applies to</dfn> all elements, and {{ cssxref("::bef24        <dfn>Applies to</dfn> all elements, and {{cssxref("::befo
>ore") }} and {{ cssxref("::after") }} <a href="/en/CSS/Pseudo-ele>re")}} and {{cssxref("::after")}} <a href="/en-US/docs/CSS/Pseudo
>ments" title="Pseudo-elements">pseudo-elements</a>>-elements" title="Pseudo-elements">pseudo-elements</a>
25      </li>
26      <li>25      </li>
26      <li>
27        <dfn>{{ xref_cssinherited() }}</dfn> no27        <dfn>{{xref_cssinherited}}</dfn> no
28      </li>
29      <li>28      </li>
29      <li>
30        <dfn>Media</dfn> {{ xref_cssvisual() }}30        <dfn>Media</dfn> {{xref_cssvisual}}
31      </li>
32      <li>31      </li>
32      <li>
33        <dfn>{{ xref_csscomputed() }}</dfn> as specified33        <dfn>{{xref_csscomputed}}</dfn> as specified
34      </li>
35      <li>34      </li>
35      <li>
36        <dfn>{{ xref_cssanimatable() }}</dfn> no36        <dfn>{{xref_cssanimatable}}</dfn> no
37      </li>
38      <li>37      </li>
38      <li>
39        <dfn>{{ xref_csscanonicalorder() }}</dfn> the unique non-39        <dfn>{{xref_csscanonicalorder}}</dfn> the unique non-ambi
>ambiguous order defined by the formal grammar>guous order defined by the formal grammar
n75      See <a href="/en/CSS/CSS_animations" title="en/CSS/CSS_animn75      See <a href="/en-US/docs/CSS/CSS_animations" title="CSS/CSS
>ations">CSS animations</a> for examples.>_animations">CSS animations</a> for examples.
n97            {{ SpecName('CSS3 Animations', '#animation-play-staten97            {{SpecName('CSS3 Animations', '#animation-play-state'
>', 'animation-play-state') }}>, 'animation-play-state')}}
n100            {{ Spec2('CSS3 Animations') }}n100            {{Spec2('CSS3 Animations')}}
n112      {{ CompatibilityTable() }}n112      {{CompatibilityTable}}
n142              {{ CompatVersionUnknown() }}{{ property_prefix("-wen142              {{CompatVersionUnknown}}{{property_prefix("-webkit"
>bkit") }}>)}}
143            </td>
144            <td>143            </td>
144            <td>
145              {{ CompatGeckoDesktop("5.0") }}{{ property_prefix("145              {{CompatGeckoDesktop("5.0")}}{{property_prefix("-mo
>-moz") }}<br>>z")}}<br>
146              {{ CompatGeckoDesktop("16.0") }}146              {{CompatGeckoDesktop("16.0")}}
n152              12 {{ property_prefix("-o") }}<br>n152              12 {{property_prefix("-o")}}<br>
n156              {{ CompatVersionUnknown() }}{{ property_prefix("-wen156              {{CompatVersionUnknown}}{{property_prefix("-webkit"
>bkit") }}>)}}
n190              {{ CompatVersionUnknown() }}{{ property_prefix("-wen190              {{CompatVersionUnknown}}{{property_prefix("-webkit"
>bkit") }}>)}}
191            </td>
192            <td>191            </td>
192            <td>
193              {{ CompatGeckoMobile("5.0") }}{{ property_prefix("-193              {{CompatGeckoMobile("5.0")}}{{property_prefix("-moz
>moz") }}<br>>")}}<br>
194              {{ CompatGeckoMobile("16.0") }}194              {{CompatGeckoMobile("16.0")}}
195            </td>
196            <td>195            </td>
197              {{ CompatUnknown() }}
198            </td>196            <td>
197              {{CompatUnknown}}
199            <td>198            </td>
200              {{ CompatUnknown() }}
201            </td>199            <td>
200              {{CompatUnknown}}
202            <td>201            </td>
202            <td>
203              {{ CompatUnknown() }}203              {{CompatUnknown}}
n216      <li>{{ domxref("AnimationEvent", "AnimationEvent") }}n216      <li>{{domxref("AnimationEvent", "AnimationEvent")}}
t218      <li>{{ CSS_Reference:animation() }}t218      <li>{{CSS_Reference:animation}}

Back to History