Add Scripts and Stylesheet

This code must appear in the <head> tag..
Code examples:

<script type="text/javascript" src="http://cdn.jsdelivr.net/jquery/3.1.1/jquery.js"></script>
<script type="text/javascript" src="js/jquery.easing.js"></script>
<script type="text/javascript" src="js/burst.js"></script>

Size

Type: Number
Default: 50
The desired width of wrapper.
Code examples:

  $(".class").burst({
    size: 100
  });

Bubles Options

bubles

Type: Boolean
Default: false
Enable Bubles.
Code examples:

  $(".class").burst({
    bubles: true
  });

bublesCount

Type: Integer
Default: 100
Amount of Bubbles.
Code examples:

  $(".class").burst({
    bublesCount: 100
  });

bublesColor

Type: String or Array
Default: ["#303A52", "#574B90", "#9E579D", "#FC85AE"]
Colors of Bubbles.
Code examples:

  $(".class").burst({
    bublesColor: ["#303A52", "#574B90", "#9E579D", "#FC85AE"],
  });

bublesRadius

Type: Integer
Default: 5
Radius of Bubles.
Code examples:

  $(".class").burst({
    bublesRadius: 10
  });

bublesDelay

Type: Integer
Default: 0
Delay for Bubles Animation.
Code examples:

  $(".class").burst({
    bublesDelay: 0
  });

bublesDuration

Type: Integer
Default: 1000
Duration for Bubles Animation.
Code examples:

  $(".class").burst({
    bublesDuration: 1000
  });

bublesEasing

Type: String
Default: easeInOutQuad
Easing for Bubles Animation.

Avaliable easing: easeInSine, easeOutSine, easeInOutSine, easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInBack, easeOutBack, easeInOutBack, easeInElastic, easeOutElastic, easeInOutElastic, easeInBounce, easeOutBounce, easeInOutBounce
Code examples:

  $(".class").burst({
    bublesEasing: "easeOutCirc"
  });

Lines Options

lines

Type: Boolean
Default: false
Enable Lines.
Code examples:

  $(".class").burst({
    lines: true
  });

bublesCount

Type: Integer
Default: 4
Amount of Lines.
Code examples:

  $(".class").burst({
    lineCount: 8
  });

lineWidth

Type: Integer
Default: 2
Width of Line.
Code examples:

  $(".class").burst({
    lineWidth: 2
  });

lineColor

Type: String or Array
Default: "#574B90"
Colors of Lines.
Code examples:

  $(".class").burst({
    lineColor: ["#303A52", "#574B90", "#9E579D", "#FC85AE"],
  });

lineDelay

Type: Integer
Default: 0
Delay for Lines Animation.
Code examples:

  $(".class").burst({
    lineDelay: 0
  });

lineDuration

Type: Integer
Default: 750
Duration for Lines Animation.
Code examples:

  $(".class").burst({
    lineDuration: 750
  });

lineEasing

Type: String
Default: easeInOutQuart
Easing for Lines Animation.

Avaliable easing: easeInSine, easeOutSine, easeInOutSine, easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInBack, easeOutBack, easeInOutBack, easeInElastic, easeOutElastic, easeInOutElastic, easeInBounce, easeOutBounce, easeInOutBounce
Code examples:

  $(".class").burst({
    lineEasing: "easeOutCirc"
  });

Circle Options

circle

Type: Boolean
Default: false
Enable Circle.
Code examples:

  $(".class").burst({
    circle: true
  });

circleColor

Type: String or Array
Default: "#574B90"
Colors of Circle.
Code examples:

  $(".class").burst({
    circleColor: ["#303A52", "#574B90", "#9E579D", "#FC85AE"],
  });

circleDelay

Type: Integer
Default: 0
Delay for Circle Animation.
Code examples:

  $(".class").burst({
    circleDelay: 0
  });

circleDuration

Type: Integer
Default: 750
Duration for Circle Animation.
Code examples:

  $(".class").burst({
    circleDuration: 750
  });

circleEasing

Type: String
Default: easeInOutQuart
Easing for Circle Animation.

Avaliable easing: easeInSine, easeOutSine, easeInOutSine, easeInQuad, easeOutQuad, easeInOutQuad, easeInCubic, easeOutCubic, easeInOutCubic, easeInQuart, easeOutQuart, easeInOutQuart, easeInQuint, easeOutQuint, easeInOutQuint, easeInExpo, easeOutExpo, easeInOutExpo, easeInCirc, easeOutCirc, easeInOutCirc, easeInBack, easeOutBack, easeInOutBack, easeInElastic, easeOutElastic, easeInOutElastic, easeInBounce, easeOutBounce, easeInOutBounce
Code examples:

  $(".class").burst({
    circleEasing: "easeOutCirc"
  });