https://github.com/limichange/flyball

flyball 🏀~~
https://github.com/limichange/flyball

animation css js

Last synced: 4 days ago
JSON representation

flyball 🏀~~

• Host: GitHub
• URL: https://github.com/limichange/flyball
• Owner: limichange
• License: mit
• Created: 2018-03-07T09:33:06.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-12-15T02:50:33.000Z (11 months ago)
• Last Synced: 2024-03-15T07:22:54.111Z (8 months ago)
• Topics: animation, css, js
• Language: JavaScript
• Homepage: https://limichange.github.io/flyball/
• Size: 18.6 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# flyball

Create flyball animation so easy 👍

## Install

```sh

$ npm i flyball --save

# or

$ yarn add flyball

```

## Usage

```js

import flyball from 'flyball'

import 'flyball/dist/flyball.css'

```

### Dom

```js

const from = document.getElementById('from')

const to = document.getElementById('to')

flyball(from, to)

```

### Position

```js

const from = { top: 0, left: 100 }

const to = { top: 100, left: 0 }

flyball(from, to)

```

### Position and dom

```js

const from = { top: 0, left: 100 }

const to = document.getElementById('to')

flyball(from, to)

```

## Development

```sh

$ npm run dev

```

## Contributing

 - Fork it! 😆

 - Create your feature branch: git checkout -b my-new-feature

 - Commit your changes: git commit -am 'Add some feature'

 - Push to the branch: git push origin my-new-feature

 - Submit a PR 🍻

## Author

MIT @ Limichange