Skip to content

kevinkace/animation-resolve

Repository files navigation

Animation Resolve

NPM publish npm version

Small module I often use with Mithril.js and onbeforeremove() to animate a component before removing it from the DOM.

This module (ESM and CJS) supplies a function that returns a Promise which resolves when a CSS animation completes after updating a DOM nodes CSS class.

With Mithril

.animateOut {
    animation: forwards 500ms animateOut;
}

@keyframes animateOut {
    100% {
        opacity: 0;
    }
}
import animationResolve from "animation-resolve";

export default {
    onbeforeremove(vnode) => animationResolve(vnode.dom, "animateOut"),

    view() {
        return m("div", "animates out");
    }
}

About

Small fn that resolves a Promise when a CSS animation completes.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •