gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 01:20:49 27 4
gpt4 key购买 nike

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

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

最佳答案

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

关于javascript - 移动动画后按钮悬停不再有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51504705/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com