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