css - 将关闭按钮上的引导模式动画更改为向左滑动

Question

我有一个 Bootstrap 模态，当单击一个按钮时它会从左向右滑动。当单击模式关闭按钮时，我想让它从右向左滑动。只想反转关闭按钮上的动画，目前具有关闭按钮的默认引导模式行为。下面是代码。

实时链接:http://www.babaraliseehar.com/onepage/index.php单击比较按钮以显示模态。

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

#modal h2 {
    margin:0;
}
#modal .copy,#modal .header, #modal .footer {
    padding: 5px;
}
.modal-content {
    background: #f7f7f7;
    position: relative;
    z-index: 20;

}
#modal .copy {
    background: #fff;
}

#modal .overlay {
    background-color: #000;
    background: rgba(0,0,0,.5);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

Answer 1

我自己修好了。添加 data-direction='left' 到关闭按钮和 css

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