Изменить анимацию модального загрузчика на кнопку закрытия, чтобы сдвинуть влево

Question

У меня есть модальный бутстрап, который скользит слева направо при нажатии кнопки. Я хочу, чтобы он двигался назад справа налево, когда нажата модальная кнопка закрытия. Просто хочу поменять анимацию на кнопке закрытия, в данный момент она имеет модальное поведение начальной загрузки для кнопки закрытия. Ниже приведен код.

Прямая ссылка: 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);
}