例
div 要素の上にマウスを置くと、テーブルの幅が徐々に変更されます。
div
{ 遷移プロパティ:幅; -moz-transition-property: 幅; /* Firefox 4 */ -webkit-transition-property:width; /* Safari と Chrome */ -o-transition-property:width; /* Opera */ } div:hover {width:300px;}
試してみましょう »
このページの下部にはさらに多くの例があります。
ブラウザのサポート
表内の数字は、この属性をサポートする最初のブラウザーのバージョンを表します。
-webkit-、-ms-、または -moz- の直前の数字は、このプレフィックス属性をサポートする最初のブラウザーのバージョン番号です。
属性 | |||||
---|---|---|---|---|---|
遷移プロパティ | 26.0 4.0 -ウェブキット- |
10.0 | 16.0 4.0 -モズ- |
6.1 3.1 -ウェブキット- |
12.1 10.5 -o- |
プロパティの定義と使用方法
transition-property 属性は、CSS プロパティの nametransition 効果を指定します (transition 効果は、指定された CSS プロパティへの変更を開始します)。