title: How can I use ng-animate with ui-view rather than ng-view?
body: <p>I am using angular-ui-router with angularJS v1.2 and would like to implement custom page transitions.<br>
  How can I use ng-animate with ui-view (from <a href="https://github.com/angular-ui/ui-router">angular-ui-router</a>) rather than ng-view (which would be the standard way)? See <a href="http://www.yearofmoo.com/2013/08/remastered-animation-in-angularjs-1-2.html">Remastered Animation in AngularJS 1.2</a> for reference on ng-view.</p>
  
  <p>EDIT:
  I have tried two different versions of angular: v1.2.0-rc.2 and v1.2.0-rc.3 as suggested in the comments, but neither seems to do the trick. I guess I might be doing something wrong? </p>
  
  <p>Here is the HTML:</p>
  
  <pre><code>&lt;div ui-view class="slide"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and the CSS:</p>
  
  <pre><code>.slide {
      width:1024px;
      height:768px;
  }
  .slide.ng-enter,
  .slide.ng-leave {
      -webkit-transition:0.5s linear all;
      -moz-transition:0.5s linear all;
      -o-transition:0.5s linear all;
      transition:0.5s linear all;
      border: 1px solid blue;
  }
  
  .slide.ng-enter.ng-enter-active {
      border: 1px solid red;
  }
  </code></pre>
  
  <p>I added a <a href="http://jsfiddle.net/perqa/mDVgX/6/">JSfiddle</a> of the previously mentioned example. It would be nice to expand this example to cover ng-view and ui-view, but I'm not sure how to get ng/ui-view and the partials into JSfiddle, though. </p>