在深入研究之后，我发现我可以使用以下选择器修改引导模态的转换-。情态动词褪色模态对话框
我已经设法设置它，以便删除幻灯片效果，只留下淡入。
但现在我正试图把过渡速度放慢一点。我尝试添加转换持续时间属性并将其更改为5秒，但没有成功。模态仍然以非常快的速度衰减：
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .5s ease-out;
-o-transition: -o-transform .5s ease-out;
transition: transform .5s ease-out;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
transition-duration: 5;
}
有人能看出我做错了什么吗？
顶部的转换是.5s。这将被用来代替转换持续时间： 5；还要确保持续时间以秒为单位。
试试这个CSS：
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform 5s ease-out;/* if this is too slow, change it back to .5s */
-moz-transition: -moz-transform 5s ease-out;
-ms-transition: -ms-transform 5s ease-out;
-o-transition: -o-transform 5s ease-out;
transition: transform 5s ease-out;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition-duration: 5s;
-moz-transition-duration: 5s;
-o-transition-duration: 5s;
transition-duration: 5s;/* note that the seconds are added */
}
编辑：请参阅如何更改Twitter Bootstrap中警报消息淡入的速度？这可能会对您有所帮助，因为它帮助我解决了Bootstrap模态的渐变动画的问题。我做了一个自定义动画来解决我的问题，但这也能解决问题。
.modal.fade .modal-dialog{
-webkit-transition: opacity 1.25s linear;
-moz-transition: opacity 1.25s linear;
-ms-transition: opacity 1.25s linear;
-o-transition: opacity 1.25s linear;
transition: opacity 1.25s linear;
}
