https://github.com/kellyselden/ember-cli-slide-animation

Route transition slide animation
https://github.com/kellyselden/ember-cli-slide-animation

Last synced: 16 days ago
JSON representation

Route transition slide animation

• Host: GitHub
• URL: https://github.com/kellyselden/ember-cli-slide-animation
• Owner: kellyselden
• License: mit
• Created: 2015-01-05T03:00:39.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2015-03-14T00:41:05.000Z (almost 10 years ago)
• Last Synced: 2025-01-02T05:43:57.485Z (24 days ago)
• Language: JavaScript
• Homepage:
• Size: 270 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
#ember-cli-slide-animation

Route transition slide animation. Aiming to imitate the slide left and slide right transitions of iOS and mobile in general. This uses the [ember-animate](https://github.com/gigafied/ember-animate) library.

##Live Demo

[Live demo](http://ember-cli-slide-animation.herokuapp.com/) with [source code](https://github.com/kellyselden/ember-cli-slide-animation-demo)

##Usage

`ember install:addon ember-cli-slide-animation`

```javascript

import SlideViewMixin from 'ember-cli-slide-animation/mixins/slide-view';

export default Ember.View.extend(SlideViewMixin);

```

Though views are not very common in Ember.js, to get the slide animation on your transitions, you must create a view for every route you want animated. Then include the mixin and you're all set. Your route heirarchy will determine the slide direction.