<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>canvas粒子流向轨迹动画</title>
<meta name="keywords" content=" canvas粒子流向轨迹动画" />
<meta name="description" content=" canvas粒子流向轨迹动画" />
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<canvas></canvas>
<script src='js/simplex-noise.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>
Css代码:
body {
background: #000;
overflow: hidden;
}
canvas {
bottom: 0;
box-shadow: 0 0 0 10px #111;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html5/h15585.shtml