通过指定css，您可能需要根据项目进行一些调整。
第一个问题是如何加速动画，您可以添加动画：

.swal2-show {
  animation: swal2-show .5s !important; 
}

要修改模态，可以修改：

.swal2-modal {
  background-color: rgba(63,255,106,0.69) !important;
  border: 3px solid white;
  position: relative !important;
  top: 100px !important;
}

示例：
一个一个二个一个一个一个三个一个一个一个一个一个四个一个
请注意，不应随意使用!important，如果您知道直接选择器，则最好指定而不是使用!important
Toast的更新：您需要更改.swal2-popup.swal2-toast.swal2-show

.swal2-popup.swal2-toast.swal2-show {
  background-color: rgba(63,255,106,0.69) !important;
  border: 3px solid white;
  position: relative !important;
  top: 20px !important;
  -webkit-animation: swal2-show .5s !important;
  animation: swal2-show .5s !important;
}

Codepen

您可以尝试使用以下代码修改弹出窗口的属性：

Swal.fire({
      icon: "success",
      title: "Success title!",
      text: "Success Body",
      toast: true,
      position: "top-right",
      showClass: {
        popup: "animate__animated animate__bounceInRight",
      },
      hideClass: {
        popup: "animate__animated animate__bounceOutRight",
      },
    });

在showClass和hideClass中，可以为popup属性提供一个自定义CSS来控制吐司的动画。
这对我很有效。