feat: Adding a better destroy animation (#156)

2nthony · Jun 23, 2023 · 29fd5ba · 29fd5ba
1 parent e1362c0
commit 29fd5ba
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -118,11 +118,17 @@ export class Toast {
     if (!el)
       return
 
+    el.style.opacity = '0'
+    el.style.visibility = 'hidden'
+    el.style.transform = 'translateY(10px)'
+
     this.stopTimer()
-    container.removeChild(el)
-    instances.delete(this)
 
-    sortToast()
+    setTimeout(() => {
+      container.removeChild(el)
+      instances.delete(this)
+      sortToast()
+    }, 150)
   }
 
   /**