tsparticles实现烟雾升起动画例子效果代码
代码语言:html
所属分类:粒子
代码描述:tsparticles实现烟雾升起动画例子效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> /* ---- reset ---- */ body { margin: 0; font: normal 75% Arial, Helvetica, sans-serif; } canvas { display: block; vertical-align: bottom; } /* ---- tsparticles container ---- */ #tsparticles { position: fixed; width: 100%; height: 100%; z-index: -1; } .github { bottom: 10px; right: 10px; position: fixed; border-radius: 10px; background: #fff; padding: 0 12px 6px 12px; border: 1px solid #000; } .github a:hover, .github a:link, .github a:visited, .github a:active { color: #000; text-decoration: none; } .github img { height: 30px; } .github #gh-project { font-size: 20px; padding-left: 5px; font-weight: bold; vertical-align: bottom; } </style> </head> <body translate="no" > <!-- tsParticles container --> <div id="tsparticles"></div> <!-- https://github.com/matteobruni/tsparticles --> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tsparticles.1.18.js"></script> <script> tsParticles.load("tsparticles", { fpsLimit: 60, particles: { number: { value: 0, density: { enable: true, value_area: 800 } }, color: { value: "#ff0000", animation: { enable: true, speed: 20, sync: true } }, shape: { type: "image", options: { .........完整代码请登录后点击上方下载按钮下载查看
网友评论0