הוספת אנימציית חלקיקים (particles) לרקע.
יש לתת לאזור שבו רוצים את האנימצייה את הקלאס my-particle
ואז להוסיף את הקוד הבא
<style>.particle-bg {
position:absolute;
display:block;
height: 100%;
width: 100%;
top: 0;
left: 0;
z-index:0;
}</style>
<script src=
"https://cdnjs.cloudflare.com/ajax/libs/particlesjs/2.2.2/particles.min.js
"></script>
<script>
const particlebg = document.createElement("canvas");
particlebg.classList.add("particle-bg");
document.querySelector(".my-particle").appendChild(particlebg);
var particles = Particles.init({
selector: '.particle-bg',
connectParticles: 'true',
color:'#000000',
maxParticles:'100',
sizeVariations:'3',
speed :'0.5',
minDistance:'100'
});
</script>
את הקוד מכניסים בלוח הבקרה – אלמנטור – ניהול קודים.
במיקום יש לבחור “סוף body”
בתוך הקוד אפשר לשנות את הצבע מהירות ועוד פרמטרים.
ככה זה נראה
