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 19584bf19b429c06d593e7247516b6bdc8688cf8..266e1e30c1821a94730eef27fcbc2c3e127de06c 100644 (file)
--- 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);
   }