第三方动画库使用方法

Posted myshy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第三方动画库使用方法相关的知识,希望对你有一定的参考价值。

第三方动画库的使用

1.名字叫:animate.css
2.封装了很多工作中常用的动画
3.在使用第三方时候,需要加上animated类名

首先https://daneden.github.io/animate.css/下载animate.css

link进head中

第一种方法

<div class="myWorld">我的世界</div>
<style>
.myWorld{
animation: shake 1s linear;
}
</style>
 
第二种方法
<div class="animated shake">我的世界</div>
 
主要分类:可以参考官网自己设置
bounce:弹性动画类
flash:逐渐消失
pulse:脉冲动画
shake:抖动
等等...

 

以上是关于第三方动画库使用方法的主要内容,如果未能解决你的问题,请参考以下文章

P25:React高级-react-transition-group动画库显示隐藏

大标题在此

Vue动画操作

css3 动画库Animate.css使用

Vue学习之动画小结

vuebase-5.过渡和动画