javascript - 移动动画后按钮悬停不再有效

Question

我正在尝试创建两个按钮，它们在单击时会向上移动。我的问题是在动画出现后，按钮的悬停动画不再起作用。根据我的研究，我发现这与 animation-fill-mode: forward 有关，但我没有找到可以让按钮正确设置动画的解决方案。这是我的相关代码

https://jsfiddle.net/kaizerroll987/j4owy2x7/#&togetherjs=qrfIRBIkon

Answer 1

前进动画将导致元素在动画结束时保留最后一个关键帧的样式值。简单地删除 animation-fill-mode 属性，您的 hover 动画应该可以工作。