particles实现沙漠沙尘暴粒子动画效果代码-html代码-BFW代码库

particles实现沙漠沙尘暴粒子动画效果代码

代码语言：html

所属分类：粒子

代码描述：particles实现沙漠沙尘暴粒子动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
  
  
<style>
body {
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100vh;
    font: normal 75% Arial, Helvetica, sans-serif;
    
    background: #d2b48c url("//repo.bfw.wiki/bfwrepo/image/5e83e2a63bb7a.png") no-repeat center;
    background-size: cover;
}

#particles-js canvas {
    display: block;
    vertical-align: bottom;
    filter: blur(2px);
    transform: scale(10, .5);
    transform-origin: top left;
}

/* ---- particles.js container ---- */
#particles-js {
    position: absolute;
    width: 10vw;
    height: 200vh;
}

/* ---- stats.js ---- */
#stats {
    -webkit-user-select: none;
    margin-top: 5px;
    margin-left: 5px;
}
#stats {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
}
</style>


</head>

<body translate="no" >
  <!-- particles.js container -->
<div id="particles-js"></div> <!-- stats - count particles -->
<!-- particles.js lib - https://github.com/VincentGarreau/particles.js -->
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/particles.2.0.js"></script>
<script type="text/javascript&qu.........完整代码请登录后点击上方下载按钮下载查看