console
window.onload = () => {
Particles.init({
selector: '.bgsp',
maxParticles: 50, // 最大颗粒数量 100
sizeVariations: 4, // 尺寸变化量 3
connectParticles: true, // 是否显示连接线 false
speed: .5, // 粒子运动速度 0.5
color: '#dddddd', // 粒子和连接线颜色 000000
minDistance: 120, // 连线的距离 120
})
}
<script src="https://lib.baomitu.com/particlesjs/2.2.3/particles.min.js"></script>
<div class="bgsp-m" oncontextmenu="javascript:return false;">
<canvas class="bgsp"></canvas>
</div>
.bgsp-m {
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
z-index: 1;
background: #bd1392;
animation: radxp 30.2s linear infinite alternate;
}
@keyframes radxp {
100% {
background: #0a91d4;
}
}