首页 >web前端 >html教程 >用H5制作烟花粒子特效的制作方法

用H5制作烟花粒子特效的制作方法

php中世界最好的语言
php中世界最好的语言原创
2017-11-29 13:55:435038浏览

这次给大家带来用H5制作烟花粒子特效的制作方法,怎么用H5制作特效?H5制作烟花粒子特效的流程,H5制作烟花粒子特效的注意事项有哪些,一起来看一下。

<!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 id="canvas">Canvas is not supported by your browser.</canvas>
    <script src="js/index.js"></script>
</body>
</html>
 
Css部分:
* { margin: 0; padding: 0; }
html, body { height: 100%; }
body {
  background: #000;
}
 
canvas {
  display: block;
  cursor: crosshair;
}

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!


相关阅读:

HTML里无法显示背景颜色的解决方法

怎么优化HTML网页

Js获取获取样式的常见方式

以上是用H5制作烟花粒子特效的制作方法的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn