Overview
Bianlian is JavaScript Animation Library
Feature
- Light weight
- TypeScript support
Demo
You enjoy this demo
Control Button
code
const slideAnimation = new SlideAnimation({
element: block as HTMLElement,
easing: 'easeInOutCubic',
duration: 1000,
});
const halfEvent = function() {
// change element contents
slideAnimation.element.style.background = red;
};
const endEvent = function() {
console.log('end!');
};
prev.addEventListener(
'click',
() => {
slideAnimation.prev({ halfEvent, endEvent });
},
false
);