甜蜜警报开放动画禁用

时间:2016-10-22 11:51:50

标签: animation alert sweetalert

我正在使用甜蜜警报插件,即使在转动设置选项动画之后:也是我正在获得甜蜜的警报开场动画(渐渐渐渐渐渐喜欢)即将来临。如何禁用it.sweet alertsweet alert

2 个答案:

答案 0 :(得分:4)

原始的甜蜜警报插件不受支持,我建议您使用SweetAlert2插件。

迁移很简单,这是迁移指南:Migration from SweetAlert to SweetAlert2

以下是SweetAlert2和禁用动画的示例:

Swal.fire({
  title: 'SweetAlert2 modal without animation',
  animation: false
})
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@8"></script>
  

答案 1 :(得分:3)

这是我禁用动画的解决方案。

如果要删除比例动画,请将其添加到主css文件中:

.swal-overlay--show-modal, .swal-modal {
    animation: none !important;
}

如果您也想删除不透明度动画,则也要添加它:

.swal-overlay{
    transition: none !important;
}