应用波纹
波纹效果可以应用于任何元素。要对按钮应用波纹效果，您只需将类 waves-effect 添加到按钮上即可。如果您希望波纹效果为白色，请添加 waves-effect waves-light 作为类。
<a class="waves-effect waves-light btn-large" href="#">Wave</a>
自定义
有几种方法可以自定义波纹，您可以使用预创建的类，也可以通过创建新类来定义自己的颜色。
可用颜色
要使用这些颜色，只需将相应的类添加到您的按钮即可。尝试更改按钮的背景颜色和波纹效果，以创建一些很酷的东西！
<a href="#!" class="btn waves-effect waves-teal">Send</a>
自定义颜色
如果您想要的颜色尚未提供，您可以通过创建自定义 CSS 类轻松制作自己的波纹颜色。请看下面的示例，我们在其中添加了波纹棕色效果。
/*
When creating your CSS selector,
change "brown" to something of your choosing
*/
.waves-effect.waves-brown .waves-ripple {
/* The alpha value allows the text and background color
of the button to still show through. */
background-color: rgba(121, 85, 72, 0.65);
}