欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

<!DOCTYPE html>

<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