Reveal transitions for liquid-fire.
This addon defines four new transitions for liquid-fire: revealUp, revealDown, revealLeft, and revealRight.
In your ember-cli project, run:
ember install liquid-fire # if not already installed
ember install liquid-fire-revealDefine 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.
git clone https://github.com/kpfefferle/liquid-fire-reveal.gitthis repositorycd liquid-fire-revealyarn