transition-delay

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

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

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

次のように指定するとアニメーションは400msたってから動き出します。

transition-delay:400ms;

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

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

参考URL

2.4. The ‘transition-delay’ Property - W3C

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

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

検索

スポンサードリンク

バージョン

リファレンス