https://github.com/davidfig/dom-ease

a simple and super fast DOM animation library
https://github.com/davidfig/dom-ease

animate dom ease fast javascript simple

Last synced: 19 days ago
JSON representation

a simple and super fast DOM animation library

• Host: GitHub
• URL: https://github.com/davidfig/dom-ease
• Owner: davidfig
• License: mit
• Created: 2018-01-07T03:41:51.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-10-06T07:43:23.000Z (over 6 years ago)
• Last Synced: 2024-12-17T07:27:58.278Z (about 2 months ago)
• Topics: animate, dom, ease, fast, javascript, simple
• Language: JavaScript
• Size: 1.63 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

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/)