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); + } +}