本文给大家分享基于js和canves实现点击按钮水波纹效果，效果非常逼真，对此感兴趣的朋友一起看看吧

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