JQuery悬停不起作用时触发CSS3动画
JQuery悬停不起作用时触发CSS3动画
提问于 2012-09-07 06:18:48
我正在尝试使用CSS3和Jquery让一些图标在悬停时跳转。反弹动画附加到样式表中的.bounce类；为了处理悬停，我告诉Jquery在鼠标进入和离开图像的父元素时分别添加和删除bounce类。虽然Jquery像预期的那样工作，但动画却不是这样，我不确定为什么。
Here's the fiddle.我很感谢你的帮助。
回答 2
Stack Overflow用户
回答已采纳
发布于 2012-09-07 06:30:06
你错过了动画的持续时间：
.bounce {
// this is the shorthand definition
-webkit-animation: bounce 1s ease infinite;
-moz-animation: bounce 1s ease infinite;
-o-animation: bounce 1s ease infinite;
animation: bounce 1s ease infinite;
} http://jsfiddle.net/fyTpV/2/
Stack Overflow用户
发布于 2012-09-07 06:38:00
您需要添加动画类。这是更新的fiddle http://jsfiddle.net/fyTpV/3/，将类添加到你想要动画的元素中，或者在你的add类中添加动画类。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12309241
复制相关文章
相似问题
腾讯云开发者
