knockout-css3-animation

A Knockout binding for easily animating elements via CSS3 animations

Example

Live Example on CodePen

Options

• class: The class name to toggle on and off. This will be immediately toggled on and off, so you likely will want to have some similar styles between your exit class and the main class.
• when: Some truthy/falsy condition that determines if the class is on or off. Can be an observable or any expression with observables behind it.
• enter: (optional) Class to set when entering. Defaults to ${class}-enter
• exit: (optional) Class to set when exiting. Defaults to ${class}-exit
• initial: (optional) Set to true if you want an animation on initialization. Defaults to false.

Installation

via bower

bower install knockout-css3-animation

or via npm

npm install knockout-css3-animation