🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

animated-bg.js is a small jQuery plugin to create a fancy attractive background by animating custom particles using CSS3 animations.

Particle-System background

Documentation

jquery-animated-bg

A simple jQuery plugin to create a gradient animated background with floating particles

GIF of sample

Usage

To use this plugin you need to have jQuery.

<script       src="http://code.jquery.com/jquery-1.12.4.min.js"       integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="       crossorigin="anonymous"></script>  <script src="jquery.animated-bg.js"></script> 

After that you just call the plugin

<script>   $(document).ready(function(){     $('.animated-bg').animatedbg();   }); </script> 

Options

Below are some of the options you can use

<script>   $(document).ready(function(){      $('.animated-bg').animatedbg({       colors : ["#7dcbd4", "#fdc014", "#acd573", "#fff"],       numParticles: 150     });    }); </script> 

You May Also Like