0

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

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

4

2 回答 2

3

您缺少动画持续时间:

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

于 2012-09-06T22:30:05.577 回答
0

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

于 2012-09-06T22:38:00.330 回答