如何更改bootstrap模式的幻灯片速度？

Question

我正在使用从页面右侧滑入的引导模式。我想让模态以比当前速度慢的速度滑动，但似乎无法做到。我只能更改.fade类，但这只会改变淡入淡出不透明度而不是幻灯片。如何让模态幻灯片变慢？

这是我的模态html

<div class="modal fade slide right" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-lg pull-right" style="margin:0 ;padding:0 !important">
    <div class="modal-content">

    </div>
  </div>
</div><!-- .modal -->

和css：

.modal.fade:not(.in).right .modal-dialog {
-webkit-transform: translate2d(125%, 0, 0);
transform: translate3d(125%, 0, 0);

}

Answer 1

将125％的值设置为25％，将使模式以与标准Bootstrap滑动速度相同的速度滑入。

.modal.fade:not(.in).right .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}