diff --git a/src/app/globals.css b/src/app/globals.css
index e787ec4..05988e9 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -23,4 +23,8 @@
     flex-direction: column;
     align-items: center;
     justify-content: center;
+}
+
+.avatar:hover {
+    animation: rotate 1000ms linear infinite;
 }
\ No newline at end of file
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 81308aa..e7923aa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -104,7 +104,7 @@ export default function Home() {
   return (
     <div className="main">
       <div className="profile flex flex-col items-center gap-4">
-        <Image src={imageSrc} width={128} height={128} className="rounded-full" alt="Profile" priority />
+        <Image src={imageSrc} width={128} height={128} className="rounded-full avatar" alt="Profile" priority />
         <h1 className="text-white text-2xl font-bold">hyun._.suk</h1>
         <div className="flex flex-row gap-6">
           {isMobile && (