これは実験段階の機能です。
この機能は複数のブラウザーで開発中の状態にあります。互換性テーブルをチェックしてください。また、実験段階の機能の構文と挙動は、仕様変更に伴い各ブラウザーの将来のバージョンで変更になる可能性があることに注意してください。

CSS Transitions は CSS のモジュールの1つで、特定の CSS プロパティの値の間でスムーズな変化を作り出す方法を定義します。 タイミング関数を使って、ただ作り出すだけでなく、その進化を定義することもできます。

リファレンス

CSS プロパティ

ガイド

CSS transition の使用
CSS を使ってスムーズな変化を作る方法についての、ステップ・バイ・ステップのチュートリアルです。この記事では関連する各 CSS プロパティと、それらがどのように作用するかを解説します。

仕様

仕様 状態 コメント
CSS Transitions 草案 初めての定義

ブラウザ互換性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari
基本サポート 1.0 -webkit
26.0
4.0 (2.0) -moz
16.0 (16.0)
10.0 11.6 -o
12.10 #
3.0 -webkit
6.1
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 2.1 -webkit 4.0 (2.0) -moz
16.0 (16.0)
? 10.0 -o
12.10 #
3.2 -webkit

関連項目

  • CSS Transitions に関連して、CSS Animations では、自発的に値の変化のアニメーションを発生させることができます。

ドキュメントのタグと貢献者

このページの貢献者: sii, teoli
最終更新者: sii,