ブーストラップモーダルダイアログのスライドアウトスピードを変更するにはどうすればよいですか？

Question

私のサイトのモーダルダイアログにカスタムアニメーション（http://hawkee.com/snippet/16154/を参照）を使用しています。

.modal.fade .modal-dialog { 
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    transform: scale(0.1); 
    top: 300px; 
    opacity: 0; 
    -webkit-transition: all 1.5s; 
    -moz-transition: all 1.5s; 
    transition: all 1.5s; 
} 

.modal.fade.in .modal-dialog { 
    -moz-transform: scale(1); 
    -ms-transform: scale(1); 
    transform: scale(1); 
    -webkit-transform: translate3d(0, -250px, 0); 
    transform: translate3d(0, -250px, 0); 
    opacity: 1; 
} 

問題はあるが、モーダルがあまりにも早く出てきやアニメーションが非常に滑らかではありません。

は、ここに私のCSSコードです。可能であれば、消えるダイアログのためのスムーズなアニメーションが好きです。これはJQueryを使用するために必要なものですか？

Answer 1

変更したいコード行はtransition: all 1.5s;です。

1.5sを希望の速度に遅くしたい場合があります。これを秒単位で書き込むことができます（5s）。アニメーションを5秒間、またはミリ秒単位で5000msに書き込んで5000ミリ秒または5秒にします。

アニメーションの「ジャーキネス」を解決するには、そのコマンドの末尾にeaseを追加して、アニメーションを最初に加速し、最後に減速させるようにします。

あなたが緩和して、長さが3秒であるためにあなたのアニメーションを望んでいたのであれば、あなたが書くでしょう：

-webkit-transition: all 3s ease; 
-moz-transition: all 3s ease; 
transition: all 3s ease;