0.0.4 • Published 7 years ago
simulated-ripple v0.0.4
simulated-ripple
触摸涟漪反馈效果, 可能存在兼容性问题, 供大家欣赏
安装方法
- 方式一
npm install simulated-ripple --save
- 方式二
下载项目中的dist/simulated-ripple.min.js, 然后用script标签插入到你的项目中, 如下
这种方式可以通过window.SimulatedRipple访问
<script type="text/javascript" src="dist/simulated-ripple.min.js"></script>
使用方法
import SimulatedRipple from 'simulated-ripple'
// 最简单的使用方法
new SimulatedRipple('.btn')
// 更多配置
new SimulatedRipple('.btn', {
time: 1200, // 设置涟漪时间
hideSelf: true // 设置动画过程是否将原图隐藏
})