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

Question

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

这是小提琴。我很感激帮助。

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/将类添加到您希望动画的元素中，或者在您的添加类中添加动画类。