css3 animate動畫每循環一次的時間間隔設置方法

.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);
 }
}

把總動畫設為4秒，然後前75%也就是3秒都沒變化（0-75%），之後的25%也就是1秒做動畫就可以了
具體的democan參見demo