我正在尝试通过使用PNG和CSS3动画复制一个苹果风格的活动指示器(日规加载图标)。我让图像不断地旋转,但在动画完成后,在它进行下一次旋转之前,似乎有一个延迟。
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
#loading img
{
-webkit-animation-name: rotate;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count: infinite;
-webkit-transition-timing-function: linear;
}
我试过改变动画的持续时间,但没有区别,如果你放慢它的速度,比如说5s,那么在第一次旋转之后,在它再次旋转之前会有一个暂停。我想摆脱的就是这种停顿。
任何帮助都非常感谢,谢谢。
https://stackoverflow.com/questions/2584138
复制相似问题