第三方动画库使用方法

第三方动画库的使用

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:抖动

等等...