From 7bf3391c7d8fc74e81906335043cc66101e35bc4 Mon Sep 17 00:00:00 2001
From: DeaDvey <deadvey@deadvey.com>
Date: Tue, 24 Dec 2024 21:28:24 +0000
Subject: [PATCH] css effects on the links to rotate a bit on hover

---
 index.css | 22 +++++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index e300cb1..4ebda80 100644
--- a/index.css
+++ b/index.css
@@ -27,4 +27,24 @@ a {
 	text-decoration: none;
 	color: var(--accent);
 }
-
+a:hover {
+	animation: half-spin 1s linear infinite;
+	display: inline-block; /* Ensures the text spins around its center */
+}
+@keyframes half-spin {
+	0% {
+		transform: rotate(0deg);
+	}
+	25% {
+		transform: rotate(10deg);
+	}
+	50% {
+		transform: rotate(0deg);
+	}
+	75% {
+		transform: rotate(-10deg);
+	}
+	100% {
+		transform: rotate(0deg);
+	}
+}