使用animate动画库添加鼠标经过动画

在模版文件头部添加animate.min.css的调用。 
<link href="文件存放路径/animate.min.css" rel="stylesheet" />
或者也可以直接使用七牛静态库的地址。
<link href="http://cdn.staticfile.org/animate.css/3.5.2/animate.min.css" rel="stylesheet" />
然后在css文件里写上鼠标经过的样式，举个例子，比如.logo是你的logo层样式名，代码如下，swing为动画库动画的名称：
.logo:hover{-webkit-animation-name:swing;animation-name:swing;}
最后在需要的地方调用，例如在样式名为.logo的层上面设置鼠标经过效果，要记住加上animated样式名，示例代码如下：
<div class="logo animated"></div>