19 lines
646 B
JavaScript
19 lines
646 B
JavaScript
export default {
|
|
animateCSS(element, animation, prefix = 'animate__') {
|
|
new Promise((resolve, reject) => {
|
|
const animationName = `${prefix}${animation}`;
|
|
const node = document.querySelector(element);
|
|
|
|
node.classList.add(`${prefix}animated`, animationName);
|
|
|
|
// When the animation ends, we clean the classes and resolve the Promise
|
|
function handleAnimationEnd(event) {
|
|
event.stopPropagation();
|
|
node.classList.remove(`${prefix}animated`, animationName);
|
|
resolve('Animation ended');
|
|
}
|
|
|
|
node.addEventListener('animationend', handleAnimationEnd, {once: true});
|
|
})
|
|
}
|
|
} |