两个动画，都向前

Two animation, both forwards

本文关键字：动画两个更新时间：2023-09-26

我有一个id为center的div。我在CSS文件中将Div的不透明度设置为0。当窗口加载时，我会为Div提供一个动画：document.getElementById（'center'）.style.animation="UP 1s forwards"；如果用户单击某个按钮，我会将动画更改为：document.getElementById（'center'）.style.animation="向下1秒向前"；问题：第二个动画没有出现，潜水者突然消失了。

一个示例fiddle或更多的代码可能会有所帮助。很多事情都可能出错。

向下动画的关键帧可能从opacity 0;开始
您需要在CSS中设置一些位置属性才能使用top/right/bottom/left属性。检查一下
点击JS可能有问题

只是一些我能想到的事情。

根据你的描述，这感觉就像是一部吐司动画。这是一把小提琴。

https://jsfiddle.net/thelessergeek/rj7a06hm/

希望你在找那个。我的JS可能有点难过。按你认为合适的方式锻炼。谢谢