feat: Add CSS animations and image lightbox

2026-02-17 18:29:09 +01:00
parent 589ca7b58e
commit a781249c1a
4 changed files with 72 additions and 3 deletions
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -18,3 +18,31 @@
    @apply bg-gray-900 text-gray-100;
  }
 }
+
+@keyframes fadeInUp {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.animate-fadeInUp {
+  animation: fadeInUp 0.5s ease-out forwards;
+}
+
+#lightbox.show {
+    animation: fadeIn 0.3s ease-out forwards;
+}