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

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

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

最佳答案

您缺少动画持续时间：

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