web-animation

web-animation 动画库,可以通过 bower 和 npm 下载


Keywords
web-animation, scss, sass, animation, css
License
MIT
Install
npm install web-animation@1.0.5-0

Documentation

web-animation

NPM version GitHub forks GitHub stars NPM download GitHub license

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)