Introduction
ng-animate inspired tiny css animation package for Mithril.js.
Installation
Webpack
npm install mithril-fx
Bower
bower install mithril-fx
Demo
Checkout this fiddle.
Animations
var fx = // Mount - animates fresh element being attached to DOM// Adds '.fx.mount' class upon mountfx // Unmount - animates element being detached from DOM// Adds '.fx.unmount' class upon unmount// Unlike other methods this has to be called in an event handlerfx // Toggle - animates an element based upon a boolean value// Adds '.fx.true' class on true// Adds '.fx.flase' class on flasefx // Show/Hide - shows or hides an element based upon a boolean value// Adds '.fx.show' class on true// Adds '.fx.hide' class on flasefx // Data change - animates when data bound to an element changes// Adds '.fx.change' class on change in datafx // Array - animates elements being added, changed, moved// Adds '.fx.mount' class to an item if it is fresh entry// Adds '.fx.change' class to an item if its data is changed// Adds '.fx.move.high' class if an item's index decreases// Adds '.fx.move.low' class if an item's index increasesfx // for stagger animationfx
TODO
animation for element being removed