“<time>”値~時間

““<time>”値”とは？

“<time>”値は時間を表します。“animation”プロパティや“transition”プロパティで要素の変化にかかる時間を指定したりするために使用できます。

“<time>”値は“<dimension>”値の一つで、実数(“<number>”値)とそれに続く単位で表されます。“0”の場合でも単位が必要です。

“<time>”値が使用できる場所では“calc()”関数などを用いた数学的表現が使用できます。

単位の一覧

仕様書

定義されている仕様書

s
ms

“s”

概要

“s”は秒数を表します。

サンプルコード

transition-duration: 4s;

“ms”

概要

“ms”はミリ秒を表します。

1秒(“1s”)は“1000ms”です。

サンプルコード

transition-duration: 4000ms;