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

Question

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

Answer 1

您可以轻松地使用 percentage setting。

简单示例：

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

看到这个fiddle