使用js实现水波效果

使用到的工具：jQuery Ripples Plugin

• 下载安装
  git clone https://github.com/sirxemic/jquery.ripples.git
• 引入jquery，jquery.ripples/jquery.ripples.js到html中
• 使用以下脚本启动和控制水波效果

$(function() {
$('.pool').ripples({
	  resolution: 512,
	  dropRadius: 20,
	  perturbance: 1,
	});
});

点击查看效果

需要注意的是

• 该工具不能用在移动端上
• 该工具只能作用在有背景图片的元素中