title: ionic framework animate tab switches
body: <p>I'm trying to achieve a tab animation such as the one in this example:</p>
  
  <p><a href="http://codepen.io/calendee/pen/IAjoL" rel="nofollow">http://codepen.io/calendee/pen/IAjoL</a></p>
  
  <pre><code>&lt;html ng-app="ionicApp"&gt;
    &lt;head&gt;
      ....
  
      &lt;link href="http://code.ionicframework.com/0.9.27/css/ionic.min.css" rel="stylesheet"&gt;
      &lt;script src="http://code.ionicframework.com/0.9.27/js/ionic.bundle.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
  
    &lt;body&gt;
  
      &lt;ion-nav-bar animation="nav-title-slide-ios7" 
                   type="bar-positive" 
                   back-button-type="button-icon" 
                   back-button-icon="ion-arrow-left-c"&gt;&lt;/ion-nav-bar&gt;
  
      &lt;ion-nav-view animation="slide-left-right"&gt;&lt;/ion-nav-view&gt;
  
      ........
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>but if i try this using the includes of the current version 1.0.0 it does not work.
  Any clue?
  Thanks!</p>