animate.css执行多动画

html-css030

animate.css执行多动画,第1张

把动画的js写到fadeup函数的回调函数里就可以了,回调的写法

$().fadeUp(500,function(){

这里写动画的js

})

不懂继续追问,望采纳。。

在w3school上面查到一下,CSS3中的动画由animation和@keyframes 结合实现出来的。以往项目已来,一直做的是单个动画,现在讲解一下两个动画效果如何组合在一起

首先了解一下animation的所有属性 W3school是这样定义的:

然后我们用@keyframes 规则来创建两个我们要执行的动画

接下来我们把写好的两个效果捆绑在“div”元素上 , 如下:

这样效果就完成了。

【PS】这里并没有写兼容,说一下浏览器兼容。