fix: fix waving animation

S-N-O-R-L-A-X · Oct 19, 2024 · 63d96e3 · 63d96e3
1 parent f033c51
commit 63d96e3
Showing 1 changed file with 23 additions and 1 deletion.
diff --git a/src/GithubCorner/Octocat.module.css b/src/GithubCorner/Octocat.module.css
@@ -8,6 +8,10 @@
   animation: octocat-nod .56s ease-in-out;
 }
 
+.github-corner:hover .wave .octo-arm {
+  animation: octocat-wave .56s ease-in-out;
+}
+
 @media screen and (max-width: 768px) {
   .github-corner:hover .octo-arm {
     animation: none;
@@ -19,7 +23,6 @@
 }
 
 @keyframes octocat-nod {
-
   0%,
   to {
     transform: rotate(10deg);
@@ -36,6 +39,25 @@
   }
 }
 
+
+@keyframes octocat-wave {
+  0%,
+  to {
+    transform: rotate(20deg);
+  }
+
+  20%,
+  60% {
+    transform: rotate(20deg);
+  }
+
+  40%,
+  80% {
+    transform: rotate(20deg);
+  }
+ }
+
+
 .github-corner svg {
   color: #fff;
   fill: black;