我在当前项目中使用了很多模态。我正在使用Animated.css库来制作动画。 - 问题是我想在模态关闭时使用动画。例如:open modal = flipInX / closing modal = flipOutX
我已经看过很多这些问题,但是我无法让它为我工作。我希望效果适用于我的所有模态,而不仅仅是一个特定的模态。
<div class="modal animated flipInX fade modal-fullscreen" id="info" tabindex="-1" role="dialog" aria-labelledby="d01" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container-fluid">
</div>
</div>
</div>
</div>
</div>
.modal {
transiton: opacity 2s;
}
.modal-close {
opacity: 0;
}
您可以添加该类以在用户关闭模式时执行动画。
getElementById('btn-close-modal').classList.add('modal-close')
因此,模态将假定具有在modal-close类中定义的动画的0的aptitude