CSS无限动画迭代延迟

Question

如何设置动画，因此迭代之间没有延迟？

例如我有这段代码：

.square{
   margin:0 auto 0 auto;
   width:20px;
   height:20px;
   border:2px solid #FFF;   

    perspective:1000;
    transform-style:preserve-3d;
    animation:spin 3s linear 0s infinite;
}

@keyframes spin{
    0%{
       transform: rotateY(0deg);
    }
    50%{
       transform: rotateY(180deg);
    } 
    100%{
       transform: rotateY(0deg);
    }
}

如果您查看此代码，您将看到它在动画的迭代之间有第二个或几分之一秒的延迟。

我怎样才能把它拿出来让它看起来像是在顺畅而连续地运行？