Mercury.js

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.