rotate

app/app.css

@@ -2,8 +2,26 @@
 @tailwind components;
 @tailwind utilities;
 
-html, body {
+html,
+body {
   background-color: #0a0a0a;
   color-scheme: dark;
   height: 100%;
 }
+
+#avatar {
+  transition: transform 0.5s linear;
+}
+
+#avatar:hover {
+  animation: rotate 1s linear infinite;
+}
+
+@keyframes rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+  100% {
+    transform: rotate(360deg);
+  }
+}

app/components/Top.tsx

@@ -9,6 +9,7 @@ export default function Top() {
         alt="imnyang"
         width={200}
         height={200}
+        id="avatar"
         className="rounded-full"
       />
       <div>