使用animate.css是非常方便的,给元素加入相应的class就可以,但是如何添加动画时间和延迟时间呢?以下是封装的函数可以快速调用:
function addAnimate (element,animat,duration,dalay) {
$(element).addClass(animat).css("-webkit-animation-duration",duration).css("-webkit-animation-delay",dalay);
}
addAnimate(".body","animated tada ","2s","0s");s
但是对于animate.css 我们引用一些动画,比如bounceInleft,在ipone 上面会破坏页面的视口,这个时候解决方法就是将该元素的父元素加上 overflow:hidden;属性
浙公网安备 33010602011771号