两个动画，都是前锋

Question

我有一个ID为中心的Div。我在CSS文件中将Div的不透明度设置为0。当窗口加载时，我给Div一个动画：     document.getElementById（＆＃39; center＆＃39;）。style.animation =＆＃34; UP 1s forwards＆＃34 ;; 如果用户单击按钮，我将动画更改为：     document.getElementById（＆＃39; center＆＃39;）。style.animation =＆＃34; DOWN 1s forwards＆＃34 ;; 问题：第二个动画没有出现，Div突然消失了。

Answer 1

示例小提琴或更多代码可能有所帮助。很多事情都可能是错的。

• 您的关键动画的关键帧可能以opacity 0;
开头
• 您需要在CSS中设置一些位置属性以使用顶部/右侧/底部/左侧属性。检查一下。
• JS点击可能有问题。

我能想到的一些事情。

感觉就像你描述的一个吐司动画。这是一个小提琴。

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

希望你在寻找那个。我的JS可能有点难过。按照你认为合适的方式解决问题。谢谢！