tweeny

A teeny tween class!

Usage no npm install needed!

<script type="module">
  import tweeny from 'https://cdn.skypack.dev/tweeny';
</script>

README

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.