Javascript 如何实现物料界面'；点击效应？

如何使用CSS和JS实现以下点击效果

请参见过渡：

拜访

通过汉堡图标打开菜单

点击“入门”

请注意，元素的背景在单击位置周围以径向渐变过渡

---

如果你搜索

材质设计墨水涟漪

，谷歌上会有很多这样的功能。我发现了一个这样的密码笔：

---

谷歌在其《材料设计规范》中概述了这种效果。

我参考了一些教程，得出了以下结论：谢谢你为我指明了正确的方向。