From f603d9895a8bb572d7168f1912e341c84528606b Mon Sep 17 00:00:00 2001
From: Kerry Johnson <kerryj89@gmail.com>
Date: Thu, 27 Mar 2025 14:07:41 -0500
Subject: [PATCH 1/2] feat: allow animating to display: none;

---
 src/tw-animate.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/tw-animate.css b/src/tw-animate.css
index af52c0c..f45dbbb 100644
--- a/src/tw-animate.css
+++ b/src/tw-animate.css
@@ -75,6 +75,7 @@
 
   @keyframes exit {
     to {
+      display: var(--tw-exit-hidden, );
       opacity: var(--tw-exit-opacity, 1);
       transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)
         scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))
@@ -160,6 +161,10 @@
   --tw-exit-opacity: --value(--percentage- *, [ *]);
 }
 
+@utility hidden-out {
+  --tw-exit-hidden: none;
+}
+
 @utility zoom-in {
   --tw-enter-scale: 0;
 }

From 77b894b565d6e26c464ae5dd90e259d5110dbb6f Mon Sep 17 00:00:00 2001
From: Kerry Johnson <kerryj89@gmail.com>
Date: Sat, 29 Mar 2025 14:28:26 -0500
Subject: [PATCH 2/2] feat: allow animating from display: none;

---
 src/tw-animate.css | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/tw-animate.css b/src/tw-animate.css
index f45dbbb..f512f2e 100644
--- a/src/tw-animate.css
+++ b/src/tw-animate.css
@@ -66,6 +66,7 @@
 
   @keyframes enter {
     from {
+      display: var(--tw-enter-display, );
       opacity: var(--tw-enter-opacity, 1);
       transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)
         scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))
@@ -161,8 +162,12 @@
   --tw-exit-opacity: --value(--percentage- *, [ *]);
 }
 
-@utility hidden-out {
-  --tw-exit-hidden: none;
+@utility display-in {
+  --tw-enter-display: none;
+}
+
+@utility display-out {
+  --tw-exit-display: none;
 }
 
 @utility zoom-in {