# mercury-animate

> An Animation Library for Javascript like using a Timeline.

Latest version **1.1.1** (published 2018-03-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install mercury-animate
pnpm add mercury-animate
yarn add mercury-animate
bun add mercury-animate
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.1 |
| Published | 2018-03-30 |
| First published | 2018-03-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 3 |
| Unpacked size | 226.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | SnO2WMaN |
| Maintainers | sno2wman |
| Keywords | animation, timeline, css, csstransform, transform |

## Links

- npm: https://www.npmjs.com/package/mercury-animate
- Repository: https://github.com/SnO2WMaN/mercury
- Homepage: https://sno2wman.github.io/mercury
- Issues: https://github.com/SnO2WMaN/mercury/issues
- npm.io page: https://npm.io/package/mercury-animate

## Dependencies (3)

- [cash-dom](https://npm.io/package/cash-dom.md) ^1.3.7
- [kebab-case](https://npm.io/package/kebab-case.md) ^1.0.0
- [bezier-easing](https://npm.io/package/bezier-easing.md) ^2.0.3

## Alternatives

- [style-dictionary](https://npm.io/package/style-dictionary.md) — 2.0M weekly downloads
- [postcss-merge-idents](https://npm.io/package/postcss-merge-idents.md) — 1.7M weekly downloads
- [@fontsource/noto-sans](https://npm.io/package/@fontsource/noto-sans.md) — 93.0K weekly downloads
- [uglifycss](https://npm.io/package/uglifycss.md) — 71.6K weekly downloads
- [mat4-interpolate](https://npm.io/package/mat4-interpolate.md) — 23.3K weekly downloads

## Recent versions

- 1.1.1 (latest) — 2018-03-30
- 1.1.0 — 2018-03-25
- 1.0.18 — 2018-03-25
- 1.0.17 — 2018-03-25
- 1.0.16 — 2018-03-25
- 1.0.15 — 2018-03-25
- 1.0.14 — 2018-03-23
- 1.0.13 — 2018-03-18
- 1.0.12 — 2018-03-18
- 1.0.11 — 2018-03-11
- 1.0.1 — 2018-03-11
- 0.0.1 — 2018-03-10

## README

# Mercury.js

[![Dependency Status](https://beta.gemnasium.com/badges/github.com/SnO2WMaN/mercury.svg)](https://beta.gemnasium.com/projects/github.com/SnO2WMaN/mercury)
[![MIT License](http://img.shields.io/badge/license-MIT-blue.svg?style=flat)](LICENSE)

An Animation Library for javascript.

Use like **Timeline**!

Mercury is a chemical element with symbol **Hg** and atomic number 80.

---

## Install

```
npm install mercury-animate

yarn add mercury-animate
```

```
import Hg from "mercury-animate"
```

---

## Animate

```
var root = Hg.timeline(); // Create root timeline layer.

root.add({
    targets: "div",
    duration: 2000,
    delay: 500,
    transformX: "100%",
    scaleX: 2,
    easing: "linear"
});

var layer1 = timeline.parallel({
    targets: "p",
    duration: 1000,
    transformY: "100%",
    easing: "easeInOutCubic"
});

root.add({
    targets: "div",
    duration: 500,
    transfromX: "-50%"
})

root.start();
```

**Write More Descriptions Later.**

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