Merge pull request #13 from python-discord/animation/scale-transition-effect

Switch animation effect to scale

1 files changed, 3 insertions, 1 deletions

diff --git a/src/App.tsx b/src/App.tsx
index 56fbd17..05d8ded 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -34,18 +34,20 @@ body {
   position: absolute;
   top: 0;
   left: 0;
-  transition: 300ms ease opacity;
+  transition: 300ms ease-in-out opacity, 300ms ease-in-out transform;
   width: 100%;
 }
 
 .fade-enter,
 .fade-exit-active {
   opacity: 0;
+  transform: scale(0.98);
 }
 
 .fade-enter-active {
   opacity: 1;
   z-index: 1;
+  transform: scale(1);
 }
 `;