UIBModalアニメーションオーバーライド

Question

UIBModalのデフォルトアニメーションをオーバーライドしようとしています。しかし、これは動作していません。デフォルトのアニメーションは実行されます。

.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); 
} 

http://plnkr.co/edit/YQ0eHIWrHlm90oW5oS4r?p=preview

Answer 1

あなたはここにindex.html

<link rel="stylesheet" href="extra.css">

にあなたのextra.cssスタイルシートを挿入することを忘れて取り組んplunk

です