鼠标经过触发动画
需要引入animate.min.css 这款动画css
或者也可以直接使用七牛静态库的地址。
<link href="http://cdn.staticfile.org/animate.css/3.5.2/animate.min.css" rel="stylesheet" />
注意需要加上 animated 类名
<div class="ani animated">测试</div>
swing即是动画的名称
.animated:hover{
-webkit-animation-name:swing;
animation-name:swing;
}
另外,动画的对象比须让他是区块,内联元素不可以用。
相关文档:https://animate.style