transition-duration

このエントリーをはてなブックマークに追加

transition-durationはトランジションアニメーションの間隔を指定できるプロパティです。

デフォルトは0s(つまりアニメーションせずに変化する)ですが、任意の秒数を指定することができます。指定できる単位はs(秒)かms(ミリ秒つまり1/1000秒)です。

transition-duration:400ms;

古いブラウザでは「-webkit-」や「-moz-」、「-o-」といったベンダープレフィックスを利用して実装されていたこともあるので、ベンダープレフィックスを付けた記述も追加することでより多くのブラウザをサポートできるでしょう。IEではIE10よりベンダープレフィックスなしで実装されています。

-webkit-transition-duration:400ms;
-moz-transition-duration:400ms;
-o-transition-duration:400ms;
transition-duration:400ms;

参考URL

2.2. The ‘transition-duration’ Property - W3C

登録日 : 2013年07月06日 最終更新日 : 2013年7月6日

同じカテゴリー(Transition)のエントリー

検索

スポンサードリンク

バージョン

リファレンス