# **animate.css新体验**
*****
体验animate.css案例
```
<div class="box animated shake"></div>
.box{width: 200px; height: 200px; background:pink; margin:100px auto;}
```
:-: ![](https://img.kancloud.cn/ed/66/ed6639c06b934f4f6f19a4d275908e60_419x368.gif)
:-:
修改animate.css动画时间案例(闪电版)
```
*{padding: 0; margin: 0; border: 0; list-style: none;}
.animated {
animation-duration: 10s;//修改时间
animation-fill-mode: both;//运动结束后停止到最后状态
}
.box{width: 200px; height: 200px; background:pink; margin:100px auto;}
<div class="box animated shake"></div>
```
:-: ![](https://img.kancloud.cn/56/6d/566d4fed991fa413281889f28c2ef8cf_428x384.gif)