animation从头到尾没有间隔一直执行
时间: 2023-07-21 18:08:46 浏览: 233
如果你希望动画从头到尾没有间隔一直执行,你可以将 animation 的参数中的 "alternate" 移除,并将 animation 的 "infinite" 属性设置为 "forwards"。这样动画将会无限循环执行,但不会在每次循环中反向播放。
修改后的代码如下所示:
```css
animation: ftslidein 0.3s linear 0s infinite forwards;
```
通过将 "alternate" 移除并将 "infinite" 设置为 "forwards",动画将以线性速度匀速播放,并且在动画完成后保持在最终状态,然后立即开始下一次循环。
请确保在 CSS 中定义了名为 "ftslidein" 的 @keyframes 规则,以定义动画的具体效果。
总结起来,通过将 animation 的参数修改为 "infinite forwards",你可以让动画从头到尾没有间隔一直执行。
阅读全文