CSSリファレンス

transition-durationの意味と使い方

トランジション効果を実現するには、変化させるプロパティとともに、変化にかける時間を指定する必要があります。この時間は、transition-durationプロパティで指定します。

値の指定方法

変化が完了するまでの時間を、秒(s)またはミリ秒(ms)で指定します。
複数のプロパティを時間を変えて変化させる場合は、それぞれに対応する時間を「,」カンマで区切って記述します。