From 58d1320484e9e6cf0a765284a4e074919de88307 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 30 Jun 2023 14:02:12 -0700
Subject: [PATCH] Add local animation to Tooltip

---
 components/common/Tooltip/index.module.scss | 43 +++++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/components/common/Tooltip/index.module.scss b/components/common/Tooltip/index.module.scss
index 338f8e31..c2abdcdb 100644
--- a/components/common/Tooltip/index.module.scss
+++ b/components/common/Tooltip/index.module.scss
@@ -11,4 +11,47 @@
   padding: $unit * 1.5;
   z-index: 35;
   max-width: 200px;
+
+  @keyframes scaleIn {
+    0% {
+      opacity: 0;
+      transform: scale(0);
+    }
+    20% {
+      opacity: 0.2;
+      transform: scale(0.4);
+    }
+    40% {
+      opacity: 0.4;
+      transform: scale(0.8);
+    }
+    60% {
+      opacity: 0.6;
+      transform: scale(1);
+    }
+    65% {
+      opacity: 0.65;
+      transform: scale(1.1);
+    }
+    70% {
+      opacity: 0.7;
+      transform: scale(1);
+    }
+    75% {
+      opacity: 0.75;
+      transform: scale(0.98);
+    }
+    80% {
+      opacity: 0.8;
+      transform: scale(1.02);
+    }
+    90% {
+      opacity: 0.9;
+      transform: scale(0.96);
+    }
+    100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
 }