<!DOCTYPE html>
<html>
<head>
<title>按钮点击水波纹效果jquery</title>
<style type="text/css">
*,
*:after,
*:before {
box-sizing: border-box;
}
html {
-webkit-tap-highlight-color: transparent;
}
body {
font-family: "Open Sans", "Arial", sans-serif;
text-rendering: optimizeSpeed;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
padding: 50px 0;
}
.o-divider {
border: 0;
margin: 20px;
height: 1px;
background: #656D78;
}
.c-button {
-webkit-appearance: none;
position: relative;
display: inline-block;
padding: 12px 24px;
margin: 0;
vertical-align: middle;
overflow: visible;
color: