CSS アニメーション

CSS アニメーション (CSS Animations) は CSS のモジュールの一つで、時間の経過とキーフレームによって CSS プロパティの値を動かすことができます。キーフレームアニメーションの動作は、タイミング関数、時間、繰り返し回数、その他の属性によって制御されます。

リファレンス

CSS プロパティ

アットルール

ガイド

CSS アニメーション対応の検出

ブラウザーが CSS アニメーションに対応しているかを検出するテクニックを説明します。

CSS アニメーションの使用

CSS を使用してアニメーションを作成する方法についての一歩一歩進むチュートリアルです。この記事では、関連する CSS プロパティとアットルール、それに互いにどのように関係するのかを説明します。

CSS アニメーションのコツとトリック

CSS アニメーションを引き出すのに役立つコツやトリックです。現在、 API に対応が備わっていない、すでに完了に向けて実行されているアニメーションを再び再生するテクニックを紹介しています。

仕様書

Specification
CSS Animations Level 2
CSS Animations Level 1

ブラウザーの互換性

animation プロパティ

{{Compat}}

関連情報

  • CSS アニメーションに関連して、 CSS トランジションは、ユーザーの操作に基づいてアニメーションを起動することができます。