84669 人が学習中
152542 人が学習中
20005 人が学習中
5487 人が学習中
7821 人が学習中
359900 人が学習中
3350 人が学習中
180660 人が学習中
48569 人が学習中
18603 人が学習中
40936 人が学習中
1549 人が学習中
1183 人が学習中
32909 人が学習中
请问如何使用原生js, CSS实现MD的水波纹效果呢？就是点击按钮会出现波纹。像这样
https://www.google.com/design/spec/animation/responsive-interaction.html#responsive-interaction-user-input
我看了一些material design的网站，审查元素，并没有找到确切的答案。
请问原理是怎样的呢？
谢谢~
业精于勤，荒于嬉;行成于思，毁于随。
我找了一个常用的Material Design风格的页面框架（比较漂亮的一个），看了他的按钮：http://materializecss.com/buttons.html
看到了没有，它在按钮里面添加了一个p，这个p是圆形的绝对定位的，然后在按钮里面慢慢变大，就形成了Material Design风格的波纹效果。
https://github.com/callemall/material-uihttp://www.material-ui.com/
https://github.com/google/material-design-litehttp://www.getmdl.io/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
我找了一个常用的Material Design风格的页面框架（比较漂亮的一个），看了他的按钮：http://materializecss.com/buttons.html
在默认情况下：
在点击后出现波纹的时候：
看到了没有，它在按钮里面添加了一个p，这个p是圆形的绝对定位的，然后在按钮里面慢慢变大，就形成了Material Design风格的波纹效果。
https://github.com/callemall/material-ui
http://www.material-ui.com/
https://github.com/google/material-design-lite
http://www.getmdl.io/