非常漂亮的Web前端波形点击效果

非常漂亮的Web前端波形点击效果

介绍一种Web前端波形点击效果，第一次发文，大佬勿喷。
我的博客

介绍 Waves

这需要 Waves ，但是作者早在2018年就停止了对他的更新。

官网：Waves官网 - http://fian.my.id/Waves/
下载最新：v0.7.6（2018.01.10）【最新】
Github：https://github.com/fians/Waves

使用 Waves

首先把 waves.min.css和waves.min.js引入您的html即可。像这样：

<link rel="stylesheet" type="text/css" href="css/waves.min.css">
<script type="text/javascript" src="js/waves.min.js"></script>

达成效果

普通按钮点击动效：

<p id="colored-button" class="text-center">
    <a class="btn float-buttons">Button</a>
    <!--还可以使用别的标签，如button或input-->
</p>
<script type="text/javascript">
    Waves