使用css动画库animate.css快速构建页面动画

      发布在:前端技巧      评论:1 条评论

animate.css是一个纯css写的动画,不依赖js,只有71kb大小,相比使用js库,诸如snabbt.js,体积更为小,且更为简单;

step 1: 引入css库


step 2: 为你的元素添加class

我会动的

step 3: 你也可以通过自定义css覆盖动画样式,最常用的是动画时间和动画循环次数

.zoomInDown{
    animation-duration: 5s; 
    -webkit-animation-duration: 2s; 
    -moz-animation-duration: 5s; 
    -o-animation-duration: 5s; 
    -webkit-animation-iteration-count: 1;  
}

该项目的github: http://daneden.github.io/animate.css/

Responses
    加载中...
  1. Having read this I believed it was extremely informative.
    I appreciate you finding the time and effort to put this short article together.
    I once again find myself spending a lot of time both reading and commenting.
    But so what, it was still worth it!

    回复

滇ICP备14007443号-4