Question

我正在使用Animate.CSS而我正在使用＆＃34;铰链＆＃34;使图像从屏幕上掉下来的效果。在真正的浏览器中运行良好，但当然不适用于IE 9或更低版本。有没有办法让这个效果与jQuery或javascript一起使用？或者我是否必须添加一个jQuery过渡来淡出图像？

谢谢！

代码：

HTML

<img id="animate" class="fear" src="/2012/images/september/fear-sign.png" />

CSS

.fear{
     position:absolute;
     left:150px;
     top:0px;
}

#animate {
    -moz-animation-delay: 5s;
    -webkit-animation-delay: 5s;
    -o-animation-delay: 5s;
    -ms-animation-delay: 5s;
    animation-delay: 5s;
}

JS

var $j = jQuery.noConflict();
$j(document).ready(function() {
    $j('#animate').addClass('animated hinge');
});

这是我创建的显示动画效果的fiddle。

Answer 1

虽然没有Animate.CSS Hinge效果那么流畅，但我最终使用jQuery使图像从屏幕上掉下来（很好地掉落并淡出。）

我得到了CoreyRS的帮助，他的答案和方法可以找到here。

Animate.CSS - 添加IE支持？

1 个答案: