simulated-ripple

simulated-ripple

触摸涟漪反馈效果, 可能存在兼容性问题, 供大家欣赏

查看DEMO

安装方法

• 方式一

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 // 设置动画过程是否将原图隐藏
})