web-animation
web-animation 动画库,可以通过 bower 和 npm 下载
参考
https://github.com/daneden/animate.css https://github.com/Martz90/vivify
使用 SASS 语法编写,使用 gulp 前端打包工具进行打包
download
git clone https://github.com/vxhly/web-animation.git
npm
npm install web-animation --save
bower
bower install web-animation --save
use
<link rel="stylesheet" href="./dist/css/web-animation.min.css">
animation 属性大全
infinite: 无限播放
# 默认速度曲线 cubic-bezier(0.46, 0.03, 0.52, 0.96);
fadeIn: 淡入(100%, 1s)
left: 从左到右
right: 从右到左
top: 从上到下
bottom: 从下到上
*-big: 跨度大(2000px, .75s)
fadeOut: 淡出(100%, 1s)
left: 从左到右
right: 从右到左
top: 从上到下
bottom: 从下到上
*-big: 跨度大(2000px, .75s)