https://github.com/trustyoo86/framation-doc
documentation relates on framation
https://github.com/trustyoo86/framation-doc
Last synced: 3 months ago
JSON representation
documentation relates on framation
- Host: GitHub
- URL: https://github.com/trustyoo86/framation-doc
- Owner: trustyoo86
- Created: 2019-02-03T17:59:01.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2019-02-08T06:10:59.000Z (over 6 years ago)
- Last Synced: 2025-02-07T11:53:11.573Z (4 months ago)
- Size: 9.77 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
description: Animation utility plugin using pure javascript or jquery
---
# framation
### Installation
Install using npm or yarn
```bash
# npm
$ npm i framation --save
# yarn
$ yarn i framation
```
### Usage
Added target tag in your html.
```markup
```
Use your javascript
```javascript
import Framation from 'framation';
// or
const Framation = require('framation');
var ani = new Framation();
ani
.set(document.querySelector('.test'), {left: '100px', time: 2000}) // test element move left 100px during 2seconds
.set(document.querySelector('.test'), {left: '200px', time: 2000}) // test element move left 200px during 2seconds after move left 100px
```