tsparticles实现粒子流沿着六边形蜂巢流动动画效果代码
代码语言:html
所属分类:粒子
代码描述:tsparticles实现粒子流沿着六边形蜂巢流动动画效果代码
代码标签: tsparticles 粒子流 六边形 蜂巢 流动 动画
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> /* ---- reset ---- */ .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> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tsparticles.bundle.min.js"></script> <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/tsparticles.path.polygon.min.js"></script> <script> (async () => { await loadPolygonPath(tsParticles); await tsParticles.load({ particles: { color: { value: "#FF0000", animation: { enable: true, speed: 10 } }, move: { attract: { enable: true, rotate: { distance: 100, x: 2000, y: 2000 } }, .........完整代码请登录后点击上方下载按钮下载查看
网友评论0