静态效果图:(实际效果是动态的)
HTML
<body>
<a href="">
<span></span>
<span></span>
<span></span>
<span></span>
Button
</a>
</body>
CSS
<style>
body {
margin: 0;
padding: 0;
background: #0c002b;
font-family: sans-serif;
}
a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #1670f0;
padding: 30px 60px;
font-size: 30px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;