大家见过这个按钮效果没有吗？点击按钮，会产生一个波纹类似的闪烁效果。好像生成GIF效果不是很好，可以去下面的codepen尝试一下，效果挺不错的。
请拷贝下面的连接从浏览器打开。
https://codepen.io/geforcesong/pen/ZErmYbP
要实现这个按钮，它的HTML特别简单，就一个Button + 一个class
CSS是重点，主要是用到了::before伪元素来定义波纹， 其中用了css variable来控制波纹开始的位置。
波纹的动画效果通过keyframe animation来实现
最后的一点JS来控制状态的改变。