Win Animate
Win-animate is used to create small animations within our application. It uses the css library animate to make the animations available and its great differential is the separation of each animation in a different sass file, making us import only the animations we actually use.
Installation
npm i win-animate;
node wbr --bundleRelease;
Sass imports
Don't forget the animateCore.scss
@import "../node_modules/win-animate/src/animateCore.scss";
@import "../node_modules/win-animate/src/fading_entrances/fadeInDownBig.scss";
@import "../node_modules/win-animate/src/attention_seekers/headShake.scss";
Javascript imports
import { anim } from "../node_modules/win-animate/src/animate.js";
How to Use
Use anim() function to animate a constructo.
let h = h1({ text: "AnimateApp.js" }).create("#app");
anim(h.ids.h1, "headShake");
Thanks to
Daniel Eden, Elton Mesquita and Waren Gonzaga for their incredible work.