gpt4 book ai didi

javascript - 悬停时的 Animate.css

转载 作者:技术小花猫 更新时间:2023-10-29 12:16:32 28 4
gpt4 key购买 nike

今天我尝试在我的网站上实现animate.css

但我想确保“效果在以下位置被激活:悬停所以我为此使用了jquery

代码是:

 $(".questo").hover( function (e) {
$(this).toggleClass('animated shake', e.type === 'mouseenter');
});

问题是,一旦您移开鼠标,'效果就会中断。启动后即使没有悬停效果也能落地?

提前谢谢大家

最佳答案

在您的 CSS 文件中,您可以添加:

.questo:hover {
-webkit-animation: shake 1s;
animation: shake 1s;
}

此解决方案的优点在于它不需要 JavaScript。作为引用,请查看此 page

关于javascript - 悬停时的 Animate.css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21182535/

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