Liquid-fire-reveal NPM

liquid-fire-reveal

Reveal transitions for liquid-fire.

This addon defines four new transitions for liquid-fire: revealUp, revealDown, revealLeft, and revealRight.

Installation

In your ember-cli project, run:

ember install liquid-fire # if not already installed
ember install liquid-fire-reveal

Usage

Define a liquid-fire transition using any of the four named reveal transitions:

// app/transitions.js
this.transition(
  this.fromRoute('login'),
  this.toRoute('index'),
  this.use('revealDown')
);

The old content will slide away in the direction specified, revealing the new content in its place. See this example page to see each transition in action.

Note: You'll probably want to make sure that the content being transitioned away from has a background that will mask the new content during the transition.