原生js+css实现materialdesign点击效果

最近想在按钮上添加materialdesign点击效果。看了muse-ui，单纯的想要这个效果，但是引入一些不必要的内容又让人不舒服。很划算，后来自己造了个轮子。项目地址：github无法上传gif图片，只能使用JSFiddle:JSFiddleeffectImportusingscripttag使用textnewRipple({cName:'md-button',color:'red',time:'0.5s',MaxNum:5})只要在中加上cla??ss='className'，在Ripple()中传入{cName:'className'}，就可以实现水波纹效果。的位置会被设置为相对配置参数OptionDescriptioncNameelement的className，默认为"md-button"r水波纹的最小半径，不传该参数会自动计算。水波纹默认颜色为：rgba(0,0,0,0.3)默认时间动画时间为：0.5sMaxNum水波纹最大数量默认为：5center水波纹的中心。默认为：falsezIndexsetz-index默认为：null，当水波纹被覆盖时，可以使用该参数实现获取指定类元素的idea，添加点击事件监听创建子-每个元素的元素。用于存放点击元素时创建动画所需的，添加动画样式，添加animationend事件监听，动画结束后移除相关样式。多次点击时，创建多个实现多重水波纹，重复使用。当最后一个动画结束并且鼠标从元素上移开时删除多个