title: UIBModal animation override
body: <p>I am trying to override the default animation for UIBModal. However this is not working. The default animation runs only.</p>
  
  <pre><code>.modal.modal-slide-in-right .modal-dialog {
    opacity: 0;
    -webkit-transform: translate(20%, 0%);
    -ms-transform: translate(20%, 0%);
    -o-transform: translate(20%, 0%);
    transform: translate(20%, 0%);
    -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9) 1s;
    -o-transition: all .3s cubic-bezier(.25, .5, .5, .9) 1s;
    transition: all .3s cubic-bezier(.25, .5, .5, .9) 1s;
  }
  
  .modal.modal-slide-in-right.in .modal-dialog {
    opacity: 1;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/YQ0eHIWrHlm90oW5oS4r?p=preview" rel="nofollow">http://plnkr.co/edit/YQ0eHIWrHlm90oW5oS4r?p=preview</a></p>