ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 animation-play-state プロパティ

CSS3 Reference 完全な CSS3 リファレンス

Pause an animation:

animation-play-state:paused;
-webkit-animation-play-state:paused; /*Safari and Chrome*/

Try it yourself »

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

animation-play-state property is not supported in any browsers.

Safari and Chrome support an alternative, the -webkit-animation-play-state property.


定義と用法

animation-play-state property specifies whether the animation is running or paused.

注: Use this property in a JavaScript to pause an animation in the middle of a cycle.

デフォルト値: running
継承: no
バージョン: CSS3
JavaScript構文: object.style.animationPlayState="paused"


構文

animation-play-state: paused|running;

説明
paused Specifies that the animation is paused
running Specifies that the animation is running


関連ページ

CSS3 チュートリアル: CSS3 Animations


CSS3 Reference 完全な CSS3 リファレンス