title: Apply a transition effect when loading next page through UI Router
body: <p>In this below example</p>
  
  <p><a href="http://plnkr.co/edit/IzimSVsstarlFviAm7S7?p=preview" rel="nofollow">http://plnkr.co/edit/IzimSVsstarlFviAm7S7?p=preview</a></p>
  
  <pre><code>&lt;div class="container"&gt;
  &lt;div ui-view&gt;&lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>when i am clicking on home or about button the view part is loading directly. But i need to move the  current page(home) from right to left and new page(about) should load from right to left(transition effect)</p>
  
  <p>How can this possible?</p>