动效解决方案 Bounce.js

一、bounce.js是一个用来创造弹跳特效的库,它的动效主要是通过CSS3和一些预设来实现的。

  • 官网 http://bouncejs.com

二、功能介绍

bounce 的亮点在于通过将多个状态无缝的连接在一起,形成一个流畅的动画, 支持玩家自己动手定制效果

三、安装

通过bounce可视化界面 设置好自己想要的动画效果,导出css代码,就可以直接在项目中使用了,
当然你也可以尝试使用npm 安装

npm install bounce.js

四、场景实践

bounce 作为一款小型的动画库,满足的需求固然有限,实际使用场景中我是不会使用bounce的,不过它的弹跳效果还是不错的

1. 果冻效果

2. 撞击

你可能感兴趣的:(动效解决方案 Bounce.js)