about

make svg animation like bubles.

install

npm install ringomenoko/buble

development

build

npm run build

Using webpack.

testing

npm run test

This testing using mocha, chai and karma.

usage

javascript

var Buble = require('buble');
var option = {
  svg: #buble
}
var buble = new Buble(option);

html

<div id="buble"></div>

css

#buble {
  width: 500px;
  height: 500px;
}

option

| key | type | required | description | | --- | ------- | -------- | ----------- | | svg | strings | * | DOM | | colors | array | | color code | | speed | integar | | disapearing speed of buble |

method

| name | description | | --- | ------- | | start | start loop animation | | pulse | start animation in a moment | | change_option | change buble animation settings. argument required. |