https://github.com/mediv0/manticore
🎨 Simple animation library ,gsap.from clone
https://github.com/mediv0/manticore
animation-library animations javascript javascript-es6 javascript-library javascript-plugin js vue vue2
Last synced: 2 months ago
JSON representation
🎨 Simple animation library ,gsap.from clone
- Host: GitHub
- URL: https://github.com/mediv0/manticore
- Owner: mediv0
- Created: 2020-11-27T21:29:36.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2020-12-01T05:13:55.000Z (over 4 years ago)
- Last Synced: 2025-04-01T16:11:23.462Z (3 months ago)
- Topics: animation-library, animations, javascript, javascript-es6, javascript-library, javascript-plugin, js, vue, vue2
- Language: JavaScript
- Homepage: https://codesandbox.io/s/gallant-platform-5g873?file=/index.html
- Size: 93.8 KB
- Stars: 4
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Manticore
🎨 Simple animation library ,gsap.from clone
# [click for demo](https://codesandbox.io/s/gallant-platform-5g873?file=/index.html)
#### 🚨 note: `This package is for test purposes.`
> The manticore is a Persian legendary creature similar to the Egyptian sphinx.
```bash
npm i @mediv0/manticore
```
## usage:
```javascript
import Manticore from "@mediv0/manticore";
Manticore.from({
target: ".box", // element for animation
left: 400, // animation from left direction use negative number for right direction eg => left: -400
top: 0, // animation from top direction use negative number for bottom direction eg => top: -400
duration: 2, // duration of your animation in seconds 2 -> 2 seconds
easing: "easeInOutCirc" // use to change animation timing. default => easeInOutSine
});
```
## availble easing functions
| ease |
|---------------|
| easeInOutSine |
| easeInOutCirc |
| easeInOutQuad |
| easeInOutCubic |
| easeOutBounce |