使用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,
    });
});

点击查看效果

需要注意的是

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

转载于:https://www.cnblogs.com/kevin1220/p/5652734.html