diff --git a/src/tw-animate.css b/src/tw-animate.css index f386cce..d00a935 100644 --- a/src/tw-animate.css +++ b/src/tw-animate.css @@ -131,6 +131,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)) @@ -140,6 +141,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)) @@ -281,6 +283,14 @@ --tw-exit-opacity: --value(--percentage- *, [ *]); } +@utility display-in { + --tw-enter-display: none; +} + +@utility display-out { + --tw-exit-display: none; +} + @utility zoom-in { --tw-enter-scale: 0; }