We only provide JS logic, add the corresponding classname for DOM, css style is up to you.
Yarn or NPM
$ yarn add -D bounce-ball
import BounceBall from 'bounce-ball'
const bounceBall = new BounceBall({
id: 'main',
text: 'Goodbye 2019 Hello 2020'
})
bounceBall.run()
// <div id="main"></div>
$ git clone [email protected]:dengwb1991/bounce-ball.git
$ cd bounce-ball
$ yarn
$ yarn start
Attribute | Type | Default | Description |
---|---|---|---|
id | string | - | Element id |
text | string | - | Displayed text |
speed | number | 6 | Speed of the animation |
Attribute | Value | Description |
---|---|---|
run | - | The ball starts to move |
reset | - | Reset all parameters |