# dom-ease

> a DOM animation library using easing functions

Latest version **0.9.3** (published 2018-10-06) · MIT license · 0 weekly downloads

## Install

```sh
npm install dom-ease
pnpm add dom-ease
yarn add dom-ease
bun add dom-ease
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.9.3 |
| Published | 2018-10-06 |
| First published | 2018-01-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 87.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | david figatner |
| Maintainers | davidfig |

## Links

- npm: https://www.npmjs.com/package/dom-ease
- Repository: https://github.com/davidfig/dom-ease
- Homepage: https://github.com/davidfig/dom-ease#readme
- Issues: https://github.com/davidfig/dom-ease/issues
- npm.io page: https://npm.io/package/dom-ease

## Dependencies (2)

- [penner](https://npm.io/package/penner.md) ^0.1.3
- [eventemitter3](https://npm.io/package/eventemitter3.md) ^3.1.0

## Recent versions

- 0.9.3 (latest) — 2018-10-06
- 0.9.2 — 2018-10-06
- 0.9.1 — 2018-10-06
- 0.9.0 — 2018-10-06
- 0.8.0 — 2018-04-29
- 0.7.5 — 2018-04-28
- 0.7.4 — 2018-03-04
- 0.7.3 — 2018-03-04
- 0.7.2 — 2018-01-18
- 0.7.1 — 2018-01-13
- 0.7.0 — 2018-01-13
- 0.6.3 — 2018-01-13
- 0.6.2 — 2018-01-12
- 0.6.1 — 2018-01-12
- 0.6.0 — 2018-01-12
- … 15 more at https://npm.io/package/dom-ease/versions

## README

## dom-ease
a simple and super fast DOM animation library

## rationale
This is a simple library to animate DOM objects. It does not have all the bells and whistles of a library like [Velocity.js](http://velocityjs.org/), but it gets the job done with a nice event system.

## features
Here's a list of supported animations:

* top / left in px
* scale
* scaleX / scaleY
* color - one or more colors to cycle through, including the current color
* backgroundColor - one or more background colors to cycle through, including the current color
* width / height in px
* opacity
* marginLeft, marginRight, marginTop, marginBottom in px
* open a github issue if you want other parameters animated

## Installation

    npm i dom-ease

## Live Demo
[https://davidfig.github.io/dom-ease/](https://davidfig.github.io/dom-ease/)

## API Documentation
[https://davidfig.github.io/dom-ease/jsdoc/](https://davidfig.github.io/dom-ease/jsdoc)

## Simple Usage
```js
    const Ease = require('dom-ease')

    // set up ease
    const ease = new Ease({ duration: 1500 })

    const div = document.getElementById('test')
    ease.add(div, { left: 100, top: 200, scale: 2 }, { reverse: true, repeat: true, duration: 2500, ease: 'easeInOutQuad' })
```

## License 
MIT License  
(c) 2018 [YOPEY YOPEY LLC](https://yopeyopey.com/) by [David Figatner](https://twitter.com/yopey_yopey/)

---
_Source: https://npm.io/package/dom-ease · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._