You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

41 lines
746 B

9 years ago
import velocity from 'velocity-animate';
function animate(node, show, transitionName, done) {
let ok;
function complete() {
if (!ok) {
ok = true;
done();
}
}
// Fix safari flash bug
node.style.display = show ? 'block' : 'none';
velocity(node, transitionName, {
duration: 240,
complete: complete,
easing: 'easeInOutQuad'
});
return {
stop() {
velocity(node, 'finish');
complete();
}
};
}
const animation = {
enter(node, done) {
return animate(node, false, 'slideDown', done);
9 years ago
},
leave(node, done) {
return animate(node, true, 'slideUp', done);
9 years ago
},
appear(node, done) {
return animate(node, false, 'slideDown', done);
9 years ago
},
};
export default animation;