Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

anm

2.0.4 • Public • Published

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

Install

npm i anm

DownloadsWeekly Downloads

2

Version

2.0.4

License

MIT

Last publish

Collaborators

  • avatar