CSS3

値

<time> 型

[Edge]○。→●

時間長。

以下のCSSが組み込んであります：

<time>

＝実数<単位>

単位付き実数

<単位>：

s

秒。

<DIV style="border:1px solid black;
 width:200px; height:50px;
">
 <DIV style="position:relative;
  width:25px; height:25px; background:red;
  left:0px; top:0px;
  animation-name:Test;
  animation-timing-function:linear;
  animation-duration:5s;
  animation-direction:normal;
  animation-iteration-count:infinite;
 "></DIV>
</DIV>

ms

ミリ秒。1 秒は 1000 ミリ秒。

<DIV style="border:1px solid black;
 width:200px; height:50px;
">
 <DIV style="position:relative;
  width:25px; height:25px; background:red;
  left:0px; top:0px;
  animation-name:Test;
  animation-timing-function:linear;
  animation-duration:1500ms;
  animation-direction:normal;
  animation-iteration-count:infinite;
 "></DIV>
</DIV>

例

 transition-delay:3s;
 transition-duration:1s;

テスト