CSS3 animation動畫，循環間的延時執行時間

如下代碼，其中的delay值為3s，但是animation按現在的規則，這個delay是指動畫開始前的延時，在動畫循環執行間，這個delay是不生效的。

.item{
  webkit-animation: revolving 1s 3s infinite;
  animation: revolving 1s 3s infinite;
}
@-webkit-keyframes revolving{
  0%{
    -webkit-transform: perspective(700px) rotateX(90deg);
  }
  50%{
    -webkit-transform: perspective(700px) rotateX(0deg);
  }
  100%{
    -webkit-transform: perspective(700px) rotateX(-90deg);
  }
}

把總動畫設為4秒，然后前75%也就是3秒都沒變化（0-75%），之后的25%也就是1秒做動畫就可以了。

.item{
  webkit-animation: revolving 4s 0s infinite;
  animation: revolving 4s 0s infinite;
}
@-webkit-keyframes revolving{
  0,75%{
    -webkit-transform: perspective(700px) rotateX(90deg);
  }
  87.5%{
    -webkit-transform: perspective(700px) rotateX(0deg);
  }
  100%{
    -webkit-transform: perspective(700px) rotateX(-90deg);
  }
}