title: how to get a css slide transition using bootstrap modal and angular ui?
body: <p>I'm trying to get a slide animation inside a bootstrap modal,using angular ui and angular-animate,I'm trying to make a wizard, however I can't seem to make the animation work.</p>
  
  <p>this is the code of my bootstrap modal:</p>
  
  <pre><code>&lt;div class="modal-header"&gt;
  &lt;h3&gt;New Template Wizard&lt;/h3&gt;
  &lt;/div&gt;
  
  &lt;p&gt;{{step}}&lt;/p&gt;
  
  &lt;div ng-switch on="step"&gt;
  &lt;div class="slide" ng-switch-when="1"&gt;
      &lt;div class="list-group"&gt;
          &lt;a ng-click="stepUp()" class="list-group-item"&gt;
              &lt;h4 class="list-group-item-heading"&gt;&lt;span class="glyphicon glyphicon-shopping-cart"&gt;&lt;/span&gt;&amp;nbsp;New Thing Template&lt;/h4&gt;
              &lt;p class="list-group-item-text"&gt;A thing is a collection of devices&lt;/p&gt;
          &lt;/a&gt;
          &lt;a href="#" class="list-group-item"&gt;
              &lt;h4 class="list-group-item-heading"&gt;&lt;span class="glyphicon glyphicon-off"&gt;&lt;/span&gt;&amp;nbsp;New Device Template&lt;/h4&gt;
              &lt;p class="list-group-item-text"&gt;A device is a collection of sensors (channels)&lt;/p&gt;
          &lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="slide" ng-switch-when="2"&gt;
      &lt;p&gt;STEP 2 of wizard&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>and my css:</p>
  
  <pre><code>.slide.ng-enter, .slide.ng-leave {
  -webkit-transition: 575ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  -moz-transition: 575ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  -ms-transition: 575ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  -o-transition: 575ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  transition: 575ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
  }
  
  .slide.ng-enter { 
  left: 100%;
  }
  .slide.ng-enter-active {
  left: 0;
  }
  .slide.ng-leave {
  left: 0;
  }
  .slide.ng-leave-active {
  left: -100%;
  }
  </code></pre>
  
  <p>this is not working, any suggestions?</p>