css-emitter

Bind functions to transition and animation events.

Installation

$ component install ecarter/css-emitter

Example

var css = require('css-emitter');
var el = document.querySelector('#box');

var animate = css(el);

// Bind
animate.bind(function(e){
console.log('%s property changed on %s event', e.propertyName, e.type);
});

// Change height and width
setTimeout(function(){
el.className = 'in';
}, 1000);

$3

#box {
width: 100px;
height: 100px;
transition: all 1s ease;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
background: black;
display: block;
}

#box.in {
width: 200px;
height: 200px;
}

API

$3

Initialize an CssEmitter with given target element.

$3

Register bind function.

$3

Unregister bind function.

$3

Register a function that will fire once then unbind automatically

License

MIT