在JQuery悬停不起作用的情况下触发CSS3动画

在JQuery悬停不起作用的情况下触发CSS3动画,jquery,animation,css,Jquery,Animation,Css,我正在尝试使用CSS3和Jquery使一些图标跳转到hover上。反弹动画附加到样式表中的.bounce类;为了处理悬停,我告诉Jquery在鼠标分别进入和离开图像的父元素时添加和删除bounce类。虽然Jquery按预期工作,但动画却没有,我也不知道为什么 感谢您的帮助。您错过了动画持续时间: .bounce { // this is the shorthand definition -webkit-animation: bounce 1s ease infinite;

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


感谢您的帮助。

您错过了动画持续时间:

.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;
} 

您缺少动画持续时间:

.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;
} 

您需要添加动画类。这是更新后的提琴,将类添加到要设置动画的元素中,或者在添加类中也添加动画类。

您需要添加动画类。这是更新后的提琴,将类添加到你想要制作动画的元素中,或者在你的添加类中也添加动画类。

如果你想要更多:如果你想要更多:我想他正在使用其他人的css。已设置动画的类中包含这些值。它只需要在元素上加上动画就行了,成功了!谢谢。我假设为我生成的css表中已经内置了时间。我以前从未使用过CSS3动画,所以我甚至没想过要检查一下。我想他正在使用其他人的css。已设置动画的类中包含这些值。它只需要在元素上加上动画就行了,成功了!谢谢。我假设为我生成的css表中已经内置了时间。我以前从未使用过CSS3动画,所以我甚至没有想过要检查它。