提问者:小点点

如何更改引导模式的滑入速度?


我使用的是从页面右侧滑入的引导模式。我想让模态以低于其当前速度的速度滑入,但似乎无法做到这一点。我只会换衣服。“淡入淡出”类,但这只会更改淡入淡出不透明度,而不会更改幻灯片。如何使模态滑入变慢?

这是我的模态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);

}


共1个答案

匿名用户

相反,将125%的值设置为25%,将使模式以与标准引导滑动速度相同的速度滑入。

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