javascript - Sweet Alert JS库-修改动画速度

Question

我想让 Sweet Alert 弹出窗口的动画速度慢一点。我尝试在各处、文档、网络、论坛中进行搜索，但没有取得太大成功。如何降低动画速度？

Answer 1

原来的sweetalert插件不支持，建议您使用SweetAlert2插件。

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

在 SweetAlert2 中，您可以通过覆盖显示和隐藏类来更改动画速度:

Swal.fire({
  title: 'Custom animation speed',
  showClass: {
    popup: 'slow-animation-show'
  },
  hideClass: {
    popup: 'slow-animation-hide'
  }
})

.slow-animation-show {
  animation: swal2-show 3s; 
}

.slow-animation-hide {
  animation: swal2-hide 3s; 
}

<script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>