From 63d96e38bf371cd465f9718462bfe4794bc9ca4a Mon Sep 17 00:00:00 2001
From: S-N-O-R-L-A-X <S-N-O-R-L-A-X@users.noreply.github.com>
Date: Sat, 19 Oct 2024 21:58:19 +0800
Subject: [PATCH] fix: fix waving animation

---
 src/GithubCorner/Octocat.module.css | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/GithubCorner/Octocat.module.css b/src/GithubCorner/Octocat.module.css
index a719c78..34f85f0 100644
--- 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;