From: Danilo M. <redacted>
Date: Fri, 17 Apr 2026 07:22:33 +0000 (+0200)
Subject: feat: add CSS keyframe animations (fadeIn, slideUp, refine modalSlideUp, spin)
X-Git-Tag: release_22042026-1342~177
X-Git-Url: https://git.danix.xyz/?a=commitdiff_plain;h=352f8f8a10dec51b96bd1d43a811856fd1d60828;p=danix.xyz-2.git

feat: add CSS keyframe animations (fadeIn, slideUp, refine modalSlideUp, spin)
---

diff --git a/themes/danix-xyz-hacker/assets/css/main.css b/themes/danix-xyz-hacker/assets/css/main.css
index 19584bf..266e1e3 100644
--- a/themes/danix-xyz-hacker/assets/css/main.css
+++ b/themes/danix-xyz-hacker/assets/css/main.css
@@ -816,14 +816,34 @@ html.theme-light .form-select {
   animation: modalSlideUp 0.3s ease-out;
 }
 
-@keyframes modalSlideUp {
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes slideUp {
   from {
-    transform: translateY(20px);
     opacity: 0;
+    transform: translateY(20px);
   }
   to {
+    opacity: 1;
     transform: translateY(0);
+  }
+}
+
+@keyframes modalSlideUp {
+  from {
+    opacity: 0;
+    transform: translateY(30px);
+  }
+  to {
     opacity: 1;
+    transform: translateY(0);
   }
 }
 
@@ -912,6 +932,9 @@ html.theme-light .form-select {
 }
 
 @keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
   to {
     transform: rotate(360deg);
   }