Hero Background Effects

Particles

A lightweight JavaScript library for creating particles

You need to add particle.js to add particle in hero section. You will get an idea to implement the particles.

Include particle js file :

                    <script src="particles.js"></script>

Add this code in html file :

                    <div id="particles-js"></div>

You can find more attributes about particles here

Ripple Effect

You need to add ripple css to add particle in hero section. You will find bg-ripple.scss from this folder:

                
                    crypto_ico/
                    ├── src/
                    |   ├── scss/
                    |   |   ├── components/
                    |   |   |   ├── bg-ripple.scss
                
            

Add this code in html file :

                    <div class="ripples"></div>