Wave很容易使用。從Github儲存庫下載最新版本的Waves。只需將waves.min.css和waves.min.js包含在HTML檔案中即可。Waves已經準備就緒！

用法：

<button>:要將Waves效果放在按鈕上，只需將.waves-effect和.waves-button類新增到按鈕即可。 <input>:通常，waves不適用於像這樣的單個標記元素。如果你在input上用waves，Waves會自動將包裝在中。當點選按鈕的時候才會包裹起來，否則不會。 icons:Waves也可以通過 waves-circle應用在圖示（如FontAwesome）上，因此您可以給出圖示的Waves效果。這很簡單，只需為你的標籤新增額外的.waves-effect

<span class="waves-effect">
   <img src="https://farm2.staticflickr.com/1297/1091511802_2fb2451ecc_n.jpg">
</span>
 

樣式

1. 淺波紋：預設情況下，Waves紋波較暗。如果你想要波紋更淺，你可以在.waves-effect類旁邊設定.waves-light。確保元素已著色，因為如果它尚未著色，則無法看到較淺的波紋。
2. 浮動效果：不僅給出了“Waves效果”，當您通過向元素新增.waves-float類來單擊元素時，Waves也會提供浮動效果。再次，在放置浮動效果之前，您必須確保元素已經著色，以防止元素上出現奇怪的陰影。 官網，效果