Skip to content

vigetlabs/tweeny

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Tweeny

A teeny tween class!

npm install --save tweeny

Usage

var Tween          = require('tweeny')
var easeInOutQuart = require('tweeny/easing/easeInOutQuart')

var target = document.querySelector('#thing')

var tween = new Tween({
  from: { opacity: 0 },
  to: { opacity: 1 },
  duration: 1000,
  easing: easeInOutQuart,
  onUpdate: function(state) {
    target.style.opacity = state.opacity
  },
  onComplete: function() {
    alert('done!')
  }
})

For < IE 10 support, you'll need to requestAnimationFrame polyfill.

Easing functions by Robert Penner.