Material Design 水波纹效果如何实现?

阅读 9.3k
2 个回答

我找了一个常用的Material Design风格的页面框架(比较漂亮的一个),看了他的按钮:http://materializecss.com/buttons.html

在默认情况下:

图片描述

在点击后出现波纹的时候:

图片描述
图片描述
看到了没有,它在按钮里面添加了一个div,这个div是圆形的绝对定位的,然后在按钮里面慢慢变大,就形成了Material Design风格的波纹效果。

推荐问题