如何更改Bootstrap模态框的滑入速度？

6 浏览
0 Comments

如何更改Bootstrap模态框的滑入速度？

我正在使用一个从页面右侧滑入的Bootstrap模态框。我想让模态框的滑入速度变慢，但似乎无法实现。我只能更改.fade类，但这只会改变淡入透明度而不是滑动。如何使模态框滑入更慢？\n这是我的模态框HTML代码：\n

\n和CSS代码：\n

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

\n}

0

1 答案

0 Comments

如何更改Bootstrap模态框的滑动速度？

问题的原因是默认情况下，Bootstrap模态框的滑动速度较慢，用户希望能够加快模态框的滑动速度。

解决方法是将模态框的滑动速度设置为与标准Bootstrap滑动速度相同。具体的解决方法是在CSS样式中设置模态框的滑动速度为25%。代码如下：

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

通过将模态框的滑动速度设置为25%，可以使模态框的滑动速度与标准Bootstrap滑动速度相同。这样，用户就可以根据自己的需求来调整模态框的滑动速度了。

0