主要为大家详细介绍了点击按钮实现水波纹效果,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

近来看到个不错的按钮点击效果，当点击时产生一次水波涟漪效果，挺好玩的，于是简单的实现了下(没考虑低版本浏览器兼容问题)  先看看效果吧，如下图（录制gif软件有点渣，看起来卡卡的…）   这种效果可以由元素内嵌套canves实现，也可以由css3实现。  Canves实现  网上摘了一份canves实现的代码，略微去掉了些重复定义的样式并且给出js注释，代码如下  html代码：Press me! css代码：  * { box-sizing: bord