adding glitching to profile pic

2026-03-16 20:26:41 -03:00
parent cbf265495f
commit 3b8b1bde26
1 changed files with 11 additions and 1 deletions
--- a/css/sections/profile.css
+++ b/css/sections/profile.css
@@ -77,6 +77,16 @@
    border-radius: var(--border-radius-large);
 }

+.avatar:hover img {
+    animation: avatar-glitch 1s infinite linear;
+}
+
+@keyframes avatar-glitch {
+    0%, 100% { 
+        transform: translate(0);
+    }
+}
+
@media (max-width: 1024px) {
    .profile-info {
        align-items: center;
@@ -144,4 +154,4 @@
    .profile-info-item {
        font-size: 0.85rem;
    }
-}
+}