This tutorial explains how to build a background animation with Particles.js. The particles have a blur effect, and their maximum size changes with the screen width to make the animation responsive.
📂 Particles.js GitHub Repository: https://github.com/VincentGarreau/particles.js
⭐Lists:
- Swiper JS: https://www.youtube.com/playlist?list=PLes5YJFlROjF1Lf2RZykNeD-q6KuUYXmn
- GSAP: https://www.youtube.com/playlist?list=PLes5YJFlROjHOLLJBZkwpfUihD_ouui8w
- Slider with Vanilla Javascript & CSS: https://www.youtube.com/playlist?list=PLes5YJFlROjE2USc2RbzJXLzANyxijsUb
- Background Animation: https://www.youtube.com/playlist?list=PLes5YJFlROjE3QNHDn6UNzP5fiMhzQlze
- CSS Hover Effect: https://www.youtube.com/playlist?list=PLes5YJFlROjGxfF4QgD4QwR6noJyCI_8f
👩💻 My Social Profiles:
- X: https://x.com/ecemgo
- Codepen: https://codepen.io/ecemgo
- GitHub: https://github.com/ecemgo
- TikTok: https://www.tiktok.com/@ecemgo
🕔 Timestamps:
0:00 – Intro
0:18 – HTML
0:52 – CSS: Layout
1:26 – JavaScript
2:53 – CSS: Final Adjustments
