Css 如何更改引导模式';s滑入速度?

Css 如何更改引导模式';s滑入速度?,css,twitter-bootstrap,slide,bootstrap-modal,Css,Twitter Bootstrap,Slide,Bootstrap Modal,我使用的是从页面右侧滑入的引导模式。我想让模态以低于其当前速度的速度滑入,但似乎无法做到这一点。我只能更改.fade类,但这只会更改淡入不透明度,而不会更改幻灯片。如何使模式幻灯片变慢 这是我的模式html <div class="modal fade slide right" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div cl

我使用的是从页面右侧滑入的引导模式。我想让模态以低于其当前速度的速度滑入,但似乎无法做到这一点。我只能更改.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 -->

}

将125%的值改为25%,将使模式滑入速度与标准引导滑入速度相同

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

我想你可以在这里找到答案:[[1]:谢谢你的回答。上述链接中的答案只会更改淡入不透明度过渡。我想更改模式的滑入持续时间,而不是淡入。
.modal.fade:not(.in).right .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}