@youngbeen/anima

[TOC]

Anima

Anima is an easy-to-use yet light weight javascript library to animate elements in your page

Features

• Easy to use
• Config animation time to each element differently
• Lazy triggering (means effecient)
• Auto revoking listeners (means effecient)

Install

Install it via npm

npm i -S '@youngbeen/anima'

Import

import anima from '@youngbeen/anima'

Usage

In html, on which element you want to animate. Add a use-anima attribute

<p use-anima>Element</p>

Then init anima in proper time (or reinit it)

anima.init()

That's all! Anima will handle the rest.

Documents

Config Animation Time

You can config animation time for each element. Add anima-time attribute to element

anima-time value is consumed with ms(milliseconds)

<p use-anima anima-time="400">Element</p>

Manually Revoke Listeners

anima.revoke()