一、HTML代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="style/style.css" rel="stylesheet" type="text/css">
<title></title>
</head>
<body>
<div class="header"></div>
<div class="text">Click to Remove Color</div>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/js.js" type="text/javascript"></script>
</body>
</html>
二、CSS代码:
html,
body {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
background-color: #1c1c1c;
overflow: hidden;
}
.header {
width: 100%;
height: 100%;
position: relative;
}
.header canvas {
left: 50%;
top: 50%;
position: absolute;
}
.text {
border-radius: 4px;
position: absolute;
font-family: sans-serif;
color: #BBB;
bottom: 40px;
left: calc(50% - 100px);
cursor: pointer;
pointer-events: none;
width: 200px;
font-size: 13px;
text-align: center;
line-height: 40px;
background-color: rgba(255, 255, 255, 0.05);
}
三、JS代码:
请下载。