我可以为此动画缓动css添加时间间隔吗？

Question

我创建了一个缓动css，但我会将其改为“自下而上”的方向。问题是，我需要让它像移动两次并停止一秒，然后再移动两次并停止一秒钟，这样的重复。我想将它添加到我的网站上作为返回顶部按钮。目前按钮一直在移动。正如我所说，我想让它移动两次，然后停一秒钟继续。有谁知道？

Answer 1

您可以轻松使用percentage setting。

简单示例：

@keyframes mymove {
    0% {left: 0px;}
    20% {left: 20px;}
    40% {left: 0px;}
    60% {left: 20px;}
    100% {left: 20px;}
}

请参阅此fiddle