1、基础公共代码
css
.animated {
animation-duration: .8s; // 持续时间
animation-fill-mode: both;
}
2、 在animate官网(Animate.css | A cross-browser library of CSS animations.)找到自己需要的css效果,复制名字,例如:bounce
3、到github上找源码(https://github.com/animate-css/animate.css)
4、把源码拷贝下来复制到自己项目代码的css中
注意:如果 不生效,很有可能你没有把公共的基础代码(animated)加进去
参看文献:Animate.css动画库,简单的使用,以及源码剖析_animate动画代码_Unknowncheats的博客-CSDN博客