使用JQuery触发CSS3动画悬停不起作用

Question

我正在尝试使用CSS3和Jquery使一些图标跳转。反弹动画附加到样式表中的.bounce类;为了处理悬停，我告诉Jquery在鼠标进入并分别离开图像的父元素时添加和删除bounce类。虽然Jquery按预期工作，但动画不是，我不确定原因。

Here's the fiddle.我感谢你的帮助。

Answer 1

你错过了动画持续时间：

.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/

Answer 2

您需要添加动画类。这是更新的小提琴http://jsfiddle.net/fyTpV/3/将类添加到您想要动画的元素中，或者在添加类中添加动画类。