MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

CSS Transitions

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

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

リファレンス

CSS プロパティ

ガイド

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

仕様

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

ブラウザ互換性

機能 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,