Animate.css

使用过几回Animate.css，如今来记录一下用法，方便之后直接使用

首先是官网地址 ：https://daneden.github.io/animate.css/

很是好用的CSS库， 只须要引入animate.css

 <link rel="stylesheet" href="animate.min.css">

而且为添加动画的元素加上类名 animated 以及用JS添加对应动画效果的类名（效果直接在官网上查看）就能够完成元素动效的添加

（同时有两个class才可以实现动画）

一些动画的属性也能够根据需求调整

    animate-duration: 1s;    //动画持续时间
    animate-delay: 1s;    //动画延迟时间
    animate-iteration-count: 5;    //动画执行次数

 Animate.css兼容性很是好，大部分浏览器都支持。

 项目展现

http://static.yuntongauto.com/yth/meber

关于animation 戳这里