🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Anm is a javascript library for page animations by mouse and touch moves.

Animation Core Java Script

Documentation

anm

Page animations by mouse and touch moves

Install

npm install --save anm

Usage

var anm = require('anm');  anm('.element')   .x(15)   .y(-15)   .scale(10)   .opacity(50);

API

anm(element)

Create animation

anm('.element') anm(document.querySelector('.element'))

.set(prop, val)

Set transform factor

anm('.element').set('scale', 50);

or transform function

anm('.element').set('x', function(cursor) {   return cursor.x * 0.5; });

All factors set in percent of max value. Positive values set direct motion, negative - inverse (excluding opacity).

.opacity(val)

Set opacity

anm('.element').opacity(50);

.x(val)

Set horizontal movement

anm('.element').x(-15);

.y(val)

Set vertical movement

anm('.element').y(-15);

.scale(val)

Set rescaling

anm('.element').scale(75);

.rotate(val)

Set rotation

anm('.element').rotate(25);

anm.on()

Enable animations

anm.off()

Disable animations

anm.toggle()

Toggle enabled of animations

Support

  • Chrome
  • Safari
  • Firefox
  • Opera
  • IE 9+

License

MIT


You May Also Like