Пользовательская анимация для модуса начальной загрузки не работает при закрытии из-за атрибута отображения, добавленного начальной загрузкой - PullRequest
Новая
       9

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

0 голосов
/ 23 октября 2018

Я создал div, в котором я использую мод загрузки.

<div id="closeMessageHolder" class="modal md-effect-1" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-content">...</div>
</div>

Но я хочу добавить пользовательскую анимацию, для которой я использую этот код CSS для пользовательской анимации.

.md-effect-1 .modal-content {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
}

.show.md-effect-1 .modal-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

Показать и скрыть модальное нажатие кнопки, используя 

$("#id1").modal("toggle");

Проблема заключается в том, что анимация работает правильно во время показа модального окна.но во время исчезновения модала анимация не отображается.Я считаю, что свойство display:none добавляется встроенным в родительский div во время закрытия модального окна.Это причина не показа анимации или есть какая-либо ошибка в моем CSS-коде?Есть ли другие альтернативные идеи или исправления для этого?

...