我使用的是从页面右侧滑入的引导模式。我想让模态以低于其当前速度的速度滑入,但似乎无法做到这一点。我只会换衣服。“淡入淡出”类,但这只会更改淡入淡出不透明度,而不会更改幻灯片。如何使模态滑入变慢?
这是我的模态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);
}
相反,将125%的值设置为25%,将使模式以与标准引导滑动速度相同的速度滑入。
.modal.fade:not(.in).right .modal-dialog {
-webkit-transform: translate3d(25%, 0, 0);
transform: translate3d(25%, 0, 0);
}